HTML 항목 구성과 항목에 설명넣기

1. HTML 항목 코드의 필요성

문서를 작성하는 프로그램에 기본적으로 제공하는 항목을 넣는 코드는 간략한 설명에 무척 도움이 됩니다. 특정한 주제의 키워드를 리스트 형식으로 나열함으로써 우리는 보다 쉽게 정보를 파악할 수 있습니다. 이 HTML언어에서 기본적으로 제공하는 항목 코드는 순서가 상관없는 리스트, 순서가 상관있는 리스트를 작성하는 코드가 있습니다. 이 항목 코드를 배워보고 간결한 웹문서를 작성해보세요.

 

2. 순서가 있는 항목 코드, <ol> 내용 </ol>

순서가 있는 항목 코드인 <ol> 내용 </ol> 코드를 사용하여, 각 리스트에 번호를 매길 수 있습니다. 이때 리스트를 구분하는 코드는 <li> 항목 </li> 입니다. 예시로 다음과 같이 작성하여, 리스트를 나타내는 것이 가능합니다.

 

<ol>
<li> 훅스랩 </li>
<li> 훅스랩</li>
<li> 훅스랩</li>
</ol>

 

순서가 있는 리스트

3. 순서가 없는 항목 코드, <ul> 내용 </ul>

순서가 없는 항목 코드인 <ul> 내용 </ul> 코드를 사용하여, 각 리스트를 나타낼 수 있습니다. 이때 리스트를 구분하는 코드는 <li> 항목 </li> 입니다. 예시로 다음과 같이 작성하여, 리스트를 나타내는 것이 가능합니다.

 

<ul>
<li> 훅스랩2 </li>
<li> 훅스랩3</li>
<li> 훅스랩1</li>
</ul>

 

순서가 없는 리스트

4. 설명이 있는 항목 코드, <dl> 내용 </dl>

각 항목에 설명이 존재하는 항목 코드인 <dl> 내용 </dl> 코드를 사용하여, 각 리스트에 설명을 넣는 것이 가능합니다. 이때 리스트를 구분하는 코드는 <dt> 항목 </dt> 입니다. 그리고 설명을 넣는 코드는 <dd> 설명 </dd>입니다.

예시로 다음과 같이 작성하여, 리스트를 나타내는 것이 가능합니다.

 

<dl>
<dt> 훅스랩 </dt>
<dd> 다양한 지식이 존재하는 블로그 </dd>
<dt> 훅스랩</dt>
<dd> 다양한 지식이 존재하는 블로그 </dd>
<dt> 훅스랩</dt>
<dd> 다양한 지식이 존재하는 블로그 </dd>
</dl>

 

설명이 있는 리스트