※ 목차
1. 기본 리스트 만들기 : <ul> 태그 + <li> 태그
2. 순서 리스트 만들기 : <ol> 태그 + <li> 태그
1. 기본 리스트 만들기 : <ul> 태그 + <li> 태그
기본 리스트를 만들 때에는 <ul> 태그와 <li> 태그를 사용합니다. 바깥쪽에 <ul> 태그를 작성하신 후 <ul> 태그 내부에 <li> 태그를 작성해주시면 됩니다. 목차의 수만큼 <li> 태그를 입력해주시고 <li> 태그 안에 목차로 사용할 텍스트를 입력해주시면 됩니다.
<head></head>
<body>
<h3>기본 리스트</h3>
<ul>
<li>첫번째 목차</li>
<li>두번째 목차</li>
<li>세번째 목차</li>
</ul>
</body>
2. 순서 리스트 만들기 : <ol> 태그 + <li> 태그
목차 앞에 번호가 붙어있는 순서 리스트를 만들 때에는 <ol> 태그와 <li> 태그를 사용합니다. 바깥쪽에 <ol> 태그를 작성하신 후 <ol> 태그 내부에 <li> 태그를 작성해주시면 됩니다. 목차의 수만큼 <li> 태그를 입력해주시고 <li> 태그 안에 목차로 사용할 텍스트를 입력해주시면 됩니다.
<head></head>
<body>
<h3>순서 리스트</h3>
<ol>
<li>첫번째 목차</li>
<li>두번째 목차</li>
<li>세번째 목차</li>
</ol>
</body>
'Programming > HTML5 & CSS3' 카테고리의 다른 글
[CSS] 리스트 스타일 - 가로 리스트 만들기, 리스트 색 변경 (0) | 2020.12.21 |
---|---|
[CSS] 리스트 스타일 - 불릿, 숫자 변경 및 제거 (0) | 2020.12.20 |
[HTML] alert 창 디자인 변경하기 (0) | 2020.12.18 |
[HTML] 클릭 이벤트 발생 시 새 창 띄우기 (0) | 2020.12.17 |
[HTML] 텍스트, 이미지 클릭 시 alert 창(메시지) 띄우기 (0) | 2020.12.16 |