리스트는 항목을 나열할 때 사용하며 번호가 있는 리스트와 번호가 없는 리스트로 나눌 수 있다.
1. 번호가 없는 리스트
번호가 없는 리스트(unordered lists)는 <ul>태그로 생성한다. 각 리스트 항목은 <li>태그로 작성하면 된다. 이때 li는 list item을 의미한다.
<body>
<ul>
<li>list item1</li>
<li>list item2</li>
<li>list item3</li>
</ul>
</body>2. 번호가 있는 리스트
번호가 있는 리스트(ordered lists)는 <ol>태그로 생성하며 각 리스트 항목은 동일하게 <li>태그를 사용한다.
<body>
<ol>
<li>list item1</li>
<li>list item2</li>
<li>list item3</li>
</ol>
</body>3. 정의 리스트
정의 리스트(definition lists)는 항목과 함께 항목의 정의가 표시되는 리스트다. 정의 리스트는 <dl>태그로 생성하며 <dt>태그는 항목, <dd>태그는 항목에 대한 설명을 나타낸다.
<body>
<dl>
<dt>item1</dt>
<dd>description1</dd>
<dt>item2</dt>
<dd>description2</dd>
<dt>item3</dt>
<dd>description3</dd>
</dl>
</body>'FrontEnd > HTML' 카테고리의 다른 글
| [HTML] form 태그 (0) | 2023.01.31 |
|---|---|
| [HTML] 텍스트 표시 (p, pre, h) (0) | 2022.12.21 |
| [HTML] HTML 문서의 기본 구조 (0) | 2022.12.21 |
리스트는 항목을 나열할 때 사용하며 번호가 있는 리스트와 번호가 없는 리스트로 나눌 수 있다.
1. 번호가 없는 리스트
번호가 없는 리스트(unordered lists)는 <ul>태그로 생성한다. 각 리스트 항목은 <li>태그로 작성하면 된다. 이때 li는 list item을 의미한다.
<body>
<ul>
<li>list item1</li>
<li>list item2</li>
<li>list item3</li>
</ul>
</body>2. 번호가 있는 리스트
번호가 있는 리스트(ordered lists)는 <ol>태그로 생성하며 각 리스트 항목은 동일하게 <li>태그를 사용한다.
<body>
<ol>
<li>list item1</li>
<li>list item2</li>
<li>list item3</li>
</ol>
</body>3. 정의 리스트
정의 리스트(definition lists)는 항목과 함께 항목의 정의가 표시되는 리스트다. 정의 리스트는 <dl>태그로 생성하며 <dt>태그는 항목, <dd>태그는 항목에 대한 설명을 나타낸다.
<body>
<dl>
<dt>item1</dt>
<dd>description1</dd>
<dt>item2</dt>
<dd>description2</dd>
<dt>item3</dt>
<dd>description3</dd>
</dl>
</body>'FrontEnd > HTML' 카테고리의 다른 글
| [HTML] form 태그 (0) | 2023.01.31 |
|---|---|
| [HTML] 텍스트 표시 (p, pre, h) (0) | 2022.12.21 |
| [HTML] HTML 문서의 기본 구조 (0) | 2022.12.21 |
