Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- CLASS
- JavaScript
- js
- 코딩테스트
- 코딩문제
- 코딩퀴즈
- sass
- display
- vscode
- 정규식표현
- 코드일기
- CSS
- 친해지기
- DOM
- Coda
- 선택자
- 코드다이어리
- Pseudo
- 가상클래스
- regexp
- HTML
- tailwindcss
- property
- frontend
- column-gap
- Grid
- scss
- 코딩일기
- row-gap
Archives
- Today
- Total
< Code diaries />
Tag 03 - 목록을 나타내는 태그 본문
HTML(Hyper Text Markup Language)
기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.
03. 목록을 만드는 태그 - 목록 태그는 글 목록에도 사용하지만, 주로 메뉴구조에도 사용됩니다.
Tag | Description | Meaning |
<ul> | 목록그룹태그, 순번이 없는 목록에 사용 Child element는 <li>만 허용됨(중요) Bullet 기호로 목록을 표시하며 종류는 3가지 또는 이미지로도 가능하나 잘 사용하지 않습니다. |
Unordered List |
<ol> | 목록 그룹태그, 순번이 있는 목록에 사용 Child element는 <li>만 허용됨(중요) 순번을 나타낼수 있는 숫자, 로마자, 알파벳 대소문자등으로 변경이 가능합니다. |
Ordered List |
<li> | <ul>,<ol> 태그의 child element로 사용되며, 다른태그의 child element가 절대로 될 수 없습니다. 또한 목록그룹태그없이 혼자 사용이 불가합니다. | List Item |
<dl> | 정의형 목록 그룹 태그 키워드와 설명으로 이루어진 구조에 적합한 태그입니다. |
Definition List |
<dt> | 키워드를 나타내며, 하나의 <dt>태그뒤에는 반드시 적어도 이 키워드를 설명하는 하나의 <dd>태그가 있어야합니다. 또한, Child element로 어떠한 블럭요소도 올 수 없습니다. |
|
<dd> | <dt>태그의 바로뒤에 형제요소로 올 수 있으며, 연달아 여러개의 <dd> 태그를 작성할 수 있습니다. 주의할 점은 <dt>태그의 child요소로 마크업되지 않도록 합시다. |
본 문서는 제가 오랫동안 일해왔던 내용을 강의와 책편집을 위해 정리해둔 내용입니다.
힘들게 만든 만큼 공부하시는 분들께 도움이 되면 좋겠습니다.
제 피드를 공유하거나 링크를 해주시는것은 감사합니다~
하지만, 출처없이 이미지나 내용만을 카피해서
포스트를 쓰신다거나 하는것은 하지말아주세요 ^^
감사합니다.
반응형