< Code diaries />

Tag 03 - 목록을 나타내는 태그 본문

카테고리 없음

Tag 03 - 목록을 나타내는 태그

ejey 2024. 6. 6. 22:31

 

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요소로 마크업되지 않도록 합시다.
 

 

 

 

자, 어렵지 않아요~ 우리 영혼 챙겨가며 계속 공부해봅시다잉~~~!

 

 

본 문서는 제가 오랫동안 일해왔던 내용을 강의와 책편집을 위해 정리해둔 내용입니다.

힘들게 만든 만큼 공부하시는 분들께 도움이 되면 좋겠습니다.

제 피드를 공유하거나 링크를 해주시는것은 감사합니다~

 

 

 

하지만, 출처없이 이미지나 내용만을 카피해서
포스트를 쓰신다거나 하는것은 하지말아주세요 ^^

감사합니다.

 

반응형