본문 바로가기
└ HTML

[HTML] html5 주요 태그(tag) - 1

by 짜장이누나 2014. 5. 16.


고고 HTML 주요 태그(tag) 정리



>> 보기 좋은 목록을 만드는 태그

1. <UL> 태그로 번호 없는 목록 만들기 (Unordered List)

: 번호가 없는 목록은 점을 찍어서 항목을 구분.

 점의 모양은 <li> 의 type이라는 속성을 이용해서 항목의 모양을 바꿀 수 있음

* <li> : 목록 항목 태그 (List Item)

<ul>                    --> 번호가 없는 목록의 시작

<li> 항목         --> 목록을 구성하는 항목

<li> 항목         --> 목록을 구성하는 항목

</ul>                   --> 번호가 없는 목록의 끝


2. <OL> 태그로 번호 있는 목록 만들기 (Ordered List)

: 점 대신에 숫자나 알파벡을 이용하여 번호 붙임.

 번호 모양은 <li> 의 의 type이라는 속성으로 바꿀 수 있음

<ol>                         --> 번호가 있는 목록의 시작 

<li>                    --> 1. 숫자 항목 

<li>                    --> 2. 숫자 항목

<li type="A">       --> A. 알파벳 항목

<li type="B">       --> B. 알파벳 항목

</ol>                       --> 번호가 있는 목록의 끝


3. <DL> 계층 구조를 만드는 태그 (Definition List)

: 정의된 내용을 설명하거나 계층적인 구조로 나타내고자 할 때 사용.

* <dt> : 정의 목록 용어 태그 (Term in a Definition List)

* <dd> : 정의 목록 태그 (Definition in a Definition List)

<dl>                --> 정의 목록의 시작

<dt>          --> 정의된 내용의 제목

<dd>         --> 정의된 내용

<dl>                --> 정의 목록의 끝



다음 시간에 다시 만나용~~하트3



' └ HTML' 카테고리의 다른 글

http 에러 코드 정리  (0) 2015.07.15