반갑습니다. 잡지식스토리의 촉끼남입니다.
이번에는 웹문서에서 목록을 만드는 방법에 대해서 간략하게 정리해 보겠습니다.
사용되는 태그는 ul 태그와 li 태그입니다.
ul / li 태그
기본적으로 항목의 순서가 중요하지 않는 목록을 작성할 때 사용되는 기본 태그입니다.
<ul>...</ul> 태그는 해당 항목이 순서가 없는 목록임을 지정하는 태그입니다.
<li> ... </li> 태그는 목록으로 표시되는 항목을 나열하는 태그입니다.
ul 태그와 li 태그를 동시에 사용해야 순서가 없는 목록이 나타납니다.
기본적으로 목록앞에 점이 표시됩니다.
ul / li 태그 예시
<body>
<p> 국내 3대 포털사이트의 종료를 나열해 보겠습니다. </p>
<ul>
<li>네이버</li>
<li>다음</li>
<li>네이트</li>
</ul>
</body>
자.. 그럼 IE10 브라우저를 통해서 웹문서가 어떻게 표현되는지 알아보겠습니다.
인터넷 익스플로어를 통해서 확인 할 수 있듯이 순서가 없는 목록을 만들었습니다.
html 소스를 보고 직접 따라해 보면 쉽게 이해할 수 있을거라 판단됩니다.
지금까지 잡지식스토리의 촉끼남이였습니다.
'웹문서 공부' 카테고리의 다른 글
| [HTML]div 태그, 일반적인 영역 설정하기 (0) | 2013.11.15 |
|---|---|
| [웹문서]ol 태그 / li 태그, 순번이 있는 목록 만들기 (0) | 2013.11.01 |
| [웹문서]pre 태그, 입력한대로 표시하기 (0) | 2013.10.28 |
| [웹문서]footer 태그, 바닥글 나타내기 (0) | 2013.10.24 |
| [웹문서]nav태그, 내비게이션을 나타내기 (0) | 2013.10.20 |
