따라하며 배우는 HTML - #4 ( ul 태그 / ol 태그 )

주석 과 리스트 태그 알아보기

이번 시간에는 화면상에 보여지진 않지만 개발자에게는 추 후 수정할 때 요긴하게 쓰일 주석에 대해서 알아보겠습니다.

주석은 문서의 수정사항이나 태그의 설명등 문서를 나중에 보았을때 잊지 않도록 메모 혹은 코멘트 정도로 이해하시면 되겠습니다.

또한 메뉴나 목차 등에 쓰여지는 리스트 태그도 함께 알아보겠습니다.

리스트 태그도 함께 알아보려고 합니다. 종류는 두가지로 Unordered List 와 Ordered List 입니다.

일단 실습영상을 먼저 보도록 하겠습니다. 

주석은 영상에서 보신대로 <!-- 로 시작해서 --> 로 끝을 맺고 그 사이에 내용을 적습니다. 

<!-- 주석에 대한 내용은 여기에 적습니다. -->

지금 까지 작성한 내용은 그리 길지 않아서 코멘트가 불필요하게 여겨질 수 있으나 추후에 코드량이 많아지게 되면 중간 중간 주석을 넣어 설명해 주면 나중에 편집 하기가 수월해 집니다. 

이제 리스트 태그에 대해서 알아보겠습니다. 

ul 은 Unordered List 의 태그이고 li 는 List Items 의 태그입니다.

작은 검은색 원형의 점형태로 리스트가 표시 됩니다.

<ul>

<li> 리스트 1 </li>

<li> 리스트 2 </li>

<li> 리스트 3 </li>

<li> 리스트 4 </li>

<li> 리스트 5 </li>

</ul>

실행화면 은 아래와 같습니다.

[ 그림 1 ]

ol 은 Ordered List 의 태그이고 li 는 List Items 의 태그입니다.

숫자형태로 리스트가 표시 됩니다.

<ol>

<li> 리스트 1 </li>

<li> 리스트 2 </li>

<li> 리스트 3 </li>

<li> 리스트 4 </li>

<li> 리스트 5 </li>

</ol>

실행 화면은 아래와 같습니다.

[ 그림 2 ]

오늘 배운 리스트 태그는 활용분야가 많기 때문에 여러번 복습하고 자기 것으로 만들기를 바랍니다. 

그럼 다음에 또 뵈요 ^^