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
     - 이미지 맵
     - 클라이언트 풀

마치며