HTML / (29) 리스트

▶ HTML 리스트는 웹 개발자가 관련 항목 집합을 목록으로 그룹화할 수 있다.

실습 : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_intro 

 

■ 정렬되지 않은 HTML 목록

▶ 정렬되지 않은 목록 시작은 <ul> 태그로 시작한다.

▶ 각 목록 항목은 <li> 태그로 시작한다.

▶ 목록 항목은 기본적으로 글머리 기호(작은 검은색 원)로 표시된다.

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

실습 : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_unordered 

 

■ 정렬된 HTML 목록

▶ 정렬 목록은 <ol> 태그로 시작한다.

▶ 각 목록 항목은 <li> 태그로 시작한다.

▶ 목록 항목은 기본적으로 숫자로 표시된다.

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

실습 : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_ordered 

 

■ HTML 설명 목록

▶ HTML도 설명 목록을 지원한다.

▶ 설명 목록은 각 용어에 대한 설명이 포함된 용어 목록이다.

▶ <dl> 태그는 설명 목록을 정의한다.

▶ <dt> 태그는 용어를 정의한다.

▶ <dd> 태그는 각 용어를 설명한다.

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

실습 : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_description 

 

출처 : https://www.w3schools.com/html/html_lists.asp

HTML Lists