3.HTML기초


3.5 목록 Tag

  일반적인 문서를 작성하다보면 서술형보다 나열형이 사용되는 경우에 쓰이는 Tag이다. 다양한 종류가 있으나 OL, UL Tag가 주로 사용된다.

    - 번호가 붙여진 목록(Orderde List)
      <OL>
           <LI>  //List Item
           <LI>
      </OL>
    - 번호가 없는 목록(Unorderde List)
      <OL>
           <LI>  //List Item
           <LI>
      </OL>
    - Menu : 단순히 들여쓰기를 수행
      <MENU>
           <LI>  //List Item
           <LI>
      </MENU>
    - 단어 목록 : 단어/단어의 정의(Definition List)
      <DL COMPACT> //단어발게/굵게 표시
           <DT>  //Definition Term
           <DD> //Definition Description
      </DL>
    OL Tag  OL Tag를 사용하지 않는 경우 그냥 번호를 쭉 나열하여 쓰게 되면 나중에 수정할 때, 일일이 번호를 맞추는 작업을 해야 한다. 즉, OL Tag를 쓰게 되면 자동으로 번호가 조절이 된다. 물론 먼저 나오는 것부터 번호가 주어진다.
    예제 3 : 위에서 정의한 것외 가용한 각종 목록 Tag의 예를 모아보았다. 참, 실제로 편리한 태그중의 하나가 <BLOCKQUOTE></BLOCKQUOTE>라는 태그이다. 들여쓰기를 수행할 수 있다.
3.6 문자의 스타일

  문자의 내용을 출력할 때 Bold, Underline, Italic과 같은 문자의 스타일을 줄 수 있다. 두가지가 존재하는데 하나는 논리적 스타일이고, 다른 하나는 물리적 스타일이 있다.

  논리적 스타일의 경우는 단지 논리적인 의미를 부여하는 것이기 때문에, Browser 에 따라 다르게 출력될 수 있다. 그러나, 물리적 스타일의 경우는 화면에 출력하는 모습을 정의한 것이기 때문에 같은 모습을 가지고 있다.

  • 논리적 스타일

    <EM></EM>강조 : 대부분 이탤릭체
    <STRONG></STRONG>대체로 굵은 글씨체
    <CODE></CODE>Courier폰트(글자폭 고정)
    <SAMP></SAMP>CODE와 비슷
    <KBD></KBD>사용자입력(대부분 이탤릭체)
    <VAR></VAR>변수이름 : 이탤릭체,밑줄
    <DFN></DFN>정의
    <CITE></CITE>인용


  • 물리적 스타일

    <B></B>Bold
    <I></I>Italic
    <TT></TT>Typewriter
    <U></U>Under line
    <PRE></PRE>모든 space,return,tab 인정
    <HR>수평선,size,width,align등이있다
    <BR>break : 다음줄
    <ADDRESS></ADDRESS>address를 표시 : 대부분 이탤릭체
    <BLOCKQUOTE></BLOCKQUOTE>인용 : 대부분 들여쓴다

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML 강좌
HTML이란?
웹서버 작동원리
HTML 기초
     - 전체 구조
     - 기본 태그
     - 속성 추가
     - Link/Anchor
     - 목록 Tag
     - 문자와 스타일
     - 기타 Tag
     - 특수 문자 표기
     - 이미지 표기
HTML 활용
     - Table
     - Frame
     - Form
     - Elements
기 타
     - MIME Type
     - 이미지 맵
     - 클라이언트 풀
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master