728x90
<Font>
 
 size - 글자크기
 color  - 글자색깔
 face - 글꼴

<html>
 <head>
  <title>test4</title>
 </head>
 <body>
  <h2>
   Font지정
  </h2>
  <font size = "1" color = "red"> 오늘은 즐겨운 금요일</font><br>
  <font size = "2" color = "orange"> 오늘은 즐겨운 금요일</font><br>
  <font size = "3" color = "yellow"> 오늘은 즐겨운 금요일</font><br>
  <font size = "4" color = "blue"> 오늘은 즐겨운 금요일</font><br>
  <font size = "5" color = "darkblue"> 오늘은 즐겨운 금요일</font><br>
  <font size = "6" color = "margenta"> 오늘은 즐겨운 금요일</font><br>
  <font size = "7" color = "magenta"> 오늘은 즐겨운 금요일</font><br>
  <font size = "8" color = "green" face = "궁서체"> 오늘은 즐겨운 금요일</font><br>
 </body>
</html>

<Li> 리스트

   <Li>.....리스트
   <ul> </ul>.......순서 없는 목록 리스트
   <ol> </ol>.......순시 있는 목록 리스트

<html>
 <head>
  <title>test5</title>
 </head>
 <body>
  <Li>가수
  <ul>
   <li>빅뱅
   <li>소녀시대
   <li>2AM
  </ul>
  <Li>국가
  <ol>
   <li>아시아
    <ol>
     <li>한국
     <li>일본
     <li>중국
     <li>태국
    </ol>
   <li>유럽
    <ol>
     <li>스웨덴
     <li>핀란드
     <li>영국
     <li>프랑스
    </ol>
  </ol>
 </body>
</html>


<xmp> , <pre> , <listing>

xmp - 화면 그대로 출력 ,  태그까지 그대로 표시됨.
listing  - 화면 그대로 출력
pre -  화면 그대로 출력

<html>
 <head>
  
  <title>test6</title>
  </head>
 <body>
  <xmp>
   화면 그대로 출력
   테스트는 물론이고, 태그까지도 그대로 표시됩니다.
   <li>.....리스트
   <ul></ul>.....순서 없는 목록 리스트
   <ol></ol>.....순서 있는 목록 리스트
  </xmp>
  
  <pre>
   화면 그대로 출력
   <li>.....리스트
   <ul></ul>.....순서 없는 목록 리스트
   <ol></ol>.....순서 있는 목록 리스트
  </pre>
  
  <listing>
   화면 그대로 출력
   <li>.....리스트
   <ul></ul>.....순서 없는 목록 리스트
   <ol></ol>.....순서 있는 목록 리스트
  </listing>
 </body>
</html>


<img src = ""> 그림삽입 


   1.<img src = "그림파일">
   2.종료태그는 없다.
   3. width = 너비
   4. height = 높이
   5. border = 테두리
   6. hspace = 수평여백
   7. vspace = 수직여백
   8. align = "left | right | (text)top | (abs)middle | (abs)bottom"
   9. alt = "풍선도움말"



<html>
 <head>
    <title>test7</title>
 </head>
 <body>
  <h2>
   그림삽입
  </h2>
    
  박선영 아나운서 ‘벤쿠버 여신’에 등극하며 ‘인기몰이’ 2010-02-19 15:09:47
  <br>
  <img src  = "park.jpg" width ="600" height = "300" align = "lift" alt ="이쁘다" hspace ="20" vspace = "20" ><br>

  SBS 박선영 아나운서가 2010 벤쿠버 동계올림픽 소식을 전하며 인기몰이 중이다.
  
  박선영 아나운서는 오후11시부터 70분간 벤쿠버 동계 올림픽과 관련된 뉴스들을 모아 전해주는 ‘SBS 벤쿠버 
 
  2010프라임타임’을 단독 진행하고 있다.
  
  연이은 한국 선수단의 좋은 성적으로 박선영 아나운서 역시 ‘벤쿠버 여신’이라 불리며 큰 인기를 얻고 있는 것.
  
  단아한 외모로 벤쿠버에 가기 전부터 눈길을 끌었던 박선영 아나운서는 현재 금메달리스트 모태범과 이상화와 
 
  더불어 인기스타로 대접받고 있다.
  
  한편 박선영 아나운서는 지난 2007년 SBS에 입사해 주말 8시 뉴스의 진행을 맡고 있다
 </body>
</html>


 

728x90
홈페이지 기본형식
  <html>   - 시작을 알림
    <head>  내용  </head>  
        <title>  내용 </title>
        <JavaScript>
                스크립트 내용 
        </JavaScript>
        <css>
    </head>
    <body>
        본문내용
    </body>
  </html>

Body -  본문 전체의 속성 지정하기
  - bgcolor  - 배경색
  - background - 배경그림
           그림 절대경로 : c:\imgs\aaa.jpg
           상대경로 : \imgs\aaa.jpg
  - text - 본문 전체 글씨색상

줄바꾸기
    <p> - paragraph    <br> - line break 
   줄간격   한 단락   한줄 
   반복   불가능   가능
   정렬   align = left
            right
            center
  없음.

<html>
 <body bgcolor = "#00ffff" text = "#0000ff" background ="aaa.jpg" >
  ... 으으흐흐<br>
  .... 뭥미? <br>
  .....이것은 p<p align = "right" >

  ...아햏해<br>
  ....아해해해<br>
  .....이거슨 p<p>
 </body>
</html>


<h#> ~~ </h#> : 제목(굵게, 진하게)
   - <h1> ~ <h6>
   - 자동 줄바꿈
   - align : left     right     center

하이퍼 링크

 <a href = "URL">문자열</a>

  색상 지정
  link : 방문 하기전 하이퍼링크 글자색
  vlink : 방문 후 글자색
  alink : 방문중인 글자색


<html>
 <head>
  <title>test2</title>
 </head>
 <body background ="aaa.jpg" link = 'green' vlink ='red' alink = "margenta">
  <h1>
   배경그림 넣기
  </h1>
  <h2>
   배경그림 넣기
  </h2>
  <h3>
   하이퍼링크 테스트
  </h3>
 
  <a href = "test1.html"></a><br>
  <a href = "http://www.naver.com">Naver</a><br>
  <a href = "http://www.kbs.co.kr">KBS</a><br>
  <a href = "http://www.nate.com">nate</a><br>
  <a href = "http://www.imbc.co.kr">MBC</a><br>

  
  그림 절대경로 : c:\imgs\aaa.jpg
        상대경로 : \imgs\aaa.jpg
 
  

  
  </body>
</html>


<hr> 선그리기

  align : 정렬
  size : 선 두께
  color : 선의 색상 지정
  width : 선의 폭 지정

<html>
 <head>
  <title>test3</title>
 </head>
 <body>
  <hr>
  <h2>
   각종 태그 속성
  </h2>
  <hr size = 20 color = 'red'><br>
  <hr width = "500"><br> 
    
  1.<hr size = 10 color = blue align = center width = 300><br>
  2.<hr size = 20 color = green align = left width = 300><br>
  3.<hr size = 30 clolr = cyan align = right width = 300<br>
  
  <b>
       글씨 진하게
  </b>
  <br>
  <big>
       글씨 크게
  </big>
  <br>
  <small>
       글씨작게
  </small>
  <br>
  <strong>
       글씨 강조
  </strong>
  <br>
      아래첨자 <sub>2</sub>
  <br>
      윗첨자 <sup>2</sup>
  <br>
  
 </body>
</html>




+ Recent posts