[기초강좌] HTML Lists - w3schools 번역

[기초강좌] HTML Lists - w3schools 번역

w3school 의 강좌 내용을 번역한 글입니다.

원문 : http://www.w3schools.com/html/html_lists.asp

가장 흔하게 쓰이는 HTML list 는 정렬된 리스트( 원문 : ordered list ) 와 정렬 안된 리스트 ( 원문 : unordered list ) 이다. 

HTML Unordered Lists

정렬되지 않은 list 는 <ul> tag 로 시작된다. 각 리스트 아이템은 <li> tag 로 정의된다.

리스트 아이템은 작은 동그라미 ( 원문 : bullet ) 로 표시된다.

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

<결과>

• Coffee
• Milk

HTML Ordered Lists

정렬된 리스트는 <ol> tag 로 시작된다. 각 리스트 아이템은 <li> tag 로 정의된다.

리스트 아이템은 숫자로 표시된다.

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

<결과>

1. Coffee
2. Milk

HTML Description Lists

서술 리스틑 ( 원문 : description list ) 는 용어, 이름과 그에 따른 서술이 들어가는 리스트이다.

서술 리스트는 <dl> tag 로 정의된다.

<dl> tag 는 <dt>, <dd> tag 와 함께 사용되는데, <dt> 는 용어 혹은 이름을. <dd> 는 그의 설명(서술) 이 들어간다.

<dl>

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

</dl>

<결과>

Coffee

- black hot drink

Milk

- white cold drink

Basic Notes - Useful Tips

Tip : 리스트 아이엠 안에는 글자, 라인 브레이크, 이미지, 링크, 그리고 다른 리스트 등이 들어갈 수 있다.

HTML List Tags

Tag	Description
<ol>	Defines an ordered list
<ul>	Defines an unordered list
<li>	Defines a list item
<dl>	Defines a description list
<dt>	Defines a term/name in a description list
<dd>	Defines a description of a term/name in a description list

다음 강좌 보기 >>

BULLET, DD, description list, dl, DT, Example, HTML Description Lists, HTML Ordered Lists, HTML Unordered Lists, Li, list, Ol, ordered list, sample, TAG, tutorial, UL, unordered list, [기초강좌] HTML Lists - w3schools 번역, 강좌, 결과, 기초 강좌, 서술 리스트, 예제, 정렬 안된 리스트, 정렬된 리스트