웹페이지 상단에 있는, 웹페이지를 이동할 때 사용되는 메뉴를 네비게이션 메뉴라고 한다.
이 네비게이션 메뉴를 만들 때 목록 태그를 사용하는 것이 일반적이다.
기본적인 목록 태그
<ul></ul> - 순서가 없는 목록 태그. unordered list
<ol></ol> - 순서가 있는 목록 태그. ordered list
<li></li> - 목록 요소. list
<head>
<title>Documenttitle>
</head>
<body>
<ol>
<li>바나나</li>
<li>딸기</li>
<li>수박</li>
<li>키위</li>
</ol>
<ul>
<li>바나나</li>
<li>딸기</li>
<li>수박</li>
<li>키위</li>
</ul>
</body>
*Tip :: 중첩 목록
<body>
<ul>
<li>AB
<ol>
<li>a</li>
<li>b</li>
</ol>
</li>
<li>CD
<ul>
<li>c</li>
<li>d</li>
</ul>
</li>
</ul>
</body>
'Programming > html5 & css3' 카테고리의 다른 글
Html5_6/ 입력양식 태그(1) - form, label, input 태그 (0) | 2019.08.17 |
---|---|
Html5_5/ 테이블 태그(표) (0) | 2019.08.17 |
Html5_3/ 글자 태그(2) - a태그(앵커태그), 루비문자 (0) | 2019.08.17 |
Html5_2/ 글자태그(1) - h1태그, p태그 (0) | 2019.08.17 |
html5 _1/태그, 요소, 속성, html5 페이지 구조 (0) | 2019.08.12 |