2020. 10. 24. 15:18ㆍHTML & CSS 💙/HTML 연습
<li> : list 태그 - order리스트 안에 리스트를 만들 때 사용합니다.
<ol> order list 태그 - 번호를 자동으로 기입해 주는 리스트 태그
<ul> unorder list 태그 - 점을 자동으로 기입해 주는 리스트 태그
하이퍼링크 지정 태그
<a href="http://도메인 주소/DNS주소" target="_blank"</a> 새 창에서 주소 열기
<a href="http://도메인 주소/DNS주소" target="_self"</a> 현재 창에서 주소 열기
<dl> definition list : 정의 목록으로, 아무런 표시가 없이 리스트업 됩니다.
<dt> definition term : 정의 용어로, 카테고리 표시가 됩니다.
<dd> definition description 정의 설명으로, dt 안의 리스트가 됩니다.
----------------------------------------------
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="script.js">
</script>
<p> 메뉴 리스트 </p>
<ul>
<li> 삼겹살 </li>
<li> 양고기 </li>
<li> 만두 </li>
<li> 치킨 </li>
<li> 닭갈비 </li>
</ul>
<p> 지역 리스트 </p>
<ol>
<li> 서울특별시 </li>
<li> 경기도 </li>
<li> 충청도 </li>
<li> 강원도 </li>
<li> 전라도 </li>
<li> 제주도 </li>
</ol>
<p> 검색 사이트 리스트 </p>
<ol>
<li><a href="http://www.naver.com" target="_blank">naver</a></li>
<li><a href="http://www.google.com" target="_self">google</a></li>
</ol>
<dl>
<dt> TO DO LIST </dt>
<dd> laundry </dd>
<dd> grocery shopping </dd>
<dd> book a ticket </dd>
<dd> 5 new ideas for project </dd>
</dl>
<dl>
<dt> 채널 리스트 </dt>
<dd> YTN </dd>
<dd> EBS </dd>
<dd> MBC </dd>
<dd> SBS </dd>
<dd> TvN </dd>
</dl>
</body>
</html>
-------------------- 결과물 -------------------------
메뉴 리스트
- 삼겹살
- 양고기
- 만두
- 치킨
- 닭갈비
지역 리스트
- 서울특별시
- 경기도
- 충청도
- 강원도
- 전라도
- 제주도
검색 사이트 리스트
TO DO LIST
laundry
grocery shopping
book a ticket
5 new ideas for project
채널 리스트
YTN
EBS
MBC
SBS
TvN
'HTML & CSS 💙 > HTML 연습' 카테고리의 다른 글
| 3일차 레이아웃 구성 태그 div / span , div를 이용한 레이아웃 구성 (0) | 2020.10.26 |
|---|---|
| 3일차 Form 태그 (0) | 2020.10.26 |
| 3일차 개인연습 Video 태그 및 html 콘텐츠 모델 (0) | 2020.10.26 |
| 2일차 img 이미지 태그 / audio 소리 태그 (0) | 2020.10.24 |
| 2일차 table 태그 (0) | 2020.10.24 |
| 1일차 Paragraph, 글씨크기 태그 (0) | 2020.10.24 |