COMPUTER SCIENCE/A piece of INFO.

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

HOOKSLAB 2021. 5. 20. 11:03

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>

 

설명이 있는 리스트