HTML1-5.설명 목록 만들기 (dl 태그,dt 태그, dd 태그, 프로필 만들기)

HTML

by 𖠂𖢕🜇𐃄༶இ௹𒀱𐦄𐦉 2022. 9. 17. 05:26

1. 설명 목록 태그 <dl>

: 제목과 설명이 하나의 쌍인 설명 목록을 description list 생성하는 태그입니다.

- 사용 방식 -

<dl>

</dl>

<body>

<dd>10분안에 보물창고에 도달하기!</dd>

2. 프로필 생성

지금까지의 배운 태그들을 사용해서 프로필을 만들어 봅시다.

<body>

<h1>gomsha</h1>

<p> 이메일 : 냥냥펀치 댕댕 핧퀴기@구글이닷냥</p>

<h2> Introduction </h2>

<hr>

<h2>My Skill</h2>

<li> Active

<ul>

<li> punch

<li> knee kick

<li> head bomb

</ul>

<li> passive

<ul>

<li> coolness

<li> <b> wisedom</b>

<li> auror mode

<li> Agility

</ul>

</body>

다음에는 table 생성하는 태그를 넘어가도록 하겠습니다.

다음 페이지 이전 페이지

LIST

저작자표시 변경금지 (새창열림)

'HTML' 카테고리의 다른 글

HTML1-6. 표 구조 정의 thead,tbody,tfoot (1)	2022.09.19
HTML1-6. 표 만들기 table 1 -[HTML 표 만들기, HTML th 태그로 행이나 열에 제목 생성, caption & figcaption 사용 방법] (0)	2022.09.17
HTML1-4. 목록 태그 사용법(ol,ul,li) (0)	2022.09.17
1-3. 기타 텍스트 (0)	2022.09.10
1-2. 텍스트 태그 (0)	2022.09.10

꼼찌냥1-web

고정 헤더 영역

메뉴 레이어

메뉴 리스트

검색 레이어

검색 영역

상세 컨텐츠

본문 제목

본문

1. 설명 목록 태그 <dl>

2. 프로필 생성

'HTML' 카테고리의 다른 글

관련글 더보기

댓글 영역

추가 정보

인기글

최신글

티스토리툴바