1. ul: 순서가 없는 리스트 나열, ol: 순서가 있는 리스트 나열
(1) 뜻
unordered list, ordered list
(2) 특징
양 Tag 다 li(list item)이라는 원소 하나 하나를 의미하는 tag가 자손 tag로 필요!
**자손 태그란?
하나의 태그 안에 포함되는 태그들
(3)Emmet으로 적는 법
ul>li*갯수
>: 해당 tag 안에 포함된다는 뜻
*예시
<ul>
<li>이틀치 옷</li>
<li>세면도구</li>
<li>수건</li>
<li>학습도구
<ul>
<li>노트북</li>
<li>필기구</li>
<li>교재</li>
</ul>
</li>
</ul>
2. dl: 용어와 그 정의의 리스트 나열
(1)뜻
dl: description list
(dl의 자손 태그)
dt: description term (단어)
dd: description definition (단어에 대한 설명)
(2)Emmet으로 적는 법
dl>(dt+dd)*갯수
대등한 관계의 tag는 +로 표현
포함관계의 tag는 >로 표현
<dl>
<dt>프로그래밍</dt>
<dd>컴퓨터 프로그램을 작성하는 일</dd>
<dt>넓이</dt>
<dt>광</dt>
<dt>면적</dt>
<dd>일정한 평면에 걸쳐 있는 공간이나 범위의 크기</dd>
<dt>사과</dt>
<dd>사과나무의 열매</dd>
<dd>자기의 잘못을 인정하고 용서를 빎</dd>
</dl>
3. 스스로 해보기
가지고 싶은 것
- 아이패드
- 김성태 강의
- 존나 멋진 옷
- 예쁜 여친
해야할 일
- Coding
- album making
- love my life
- appreciate to parents, and good friend
- 전수민
- 존나 멋진 사람
- 이차돈
- 책에서 봤는데 누군지 기억이 안남. 참수 당했을 때 결백함을 하얀 피로 증명한 사람?
- 광개토 대왕
- 고구려의 영토를 제일 넓게 넓힌 사람
'프론트엔드 개발 > HTML, CSS - 이론' 카테고리의 다른 글
[HTML] 표 사용하기 (0) | 2023.02.08 |
---|---|
[HTML] 이미지 넣기 (0) | 2023.02.08 |
인용문 태그, 강조문 태그, 축약어 설명 태그 (0) | 2023.02.07 |
강조 태그, 첨자 태그, 밑줄 태그 (0) | 2023.02.07 |
제목과 태그 (0) | 2023.02.02 |