<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>01_selfEX_복습</title>
</head>
<body>
<mark>제목을 나타내는 h1~h6 태그</mark>
<h1>Header1</h1>
<h2>Header2</h2>
<h3>Header3</h3>
<h4>Header4</h4>
<h5>Header5</h5>
<h6>Header6</h6>
<!-- h$*6>{Header$} tab-->
<h1>Header1</h1>
<h2>Header2</h2>
<h3>Header3</h3>
<h4>Header4</h4>
<h5>Header5</h5>
<h6>Header6</h6>
<mark>문단을 만드는 p태그</mark>
<h1>Lorem, ipsum.</h1>
<p>Lorem, ipsum dolor sit amet consectetur, adipisicing elit. Ipsa, numquam nam quod ducimus dolor nulla sit voluptatibus rerum voluptas. Iure ipsam ipsa odit nisi, aliquam nulla quis sint adipisci quibusdam.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, perspiciatis. Culpa, in quidem! Exercitationem ab ducimus corrupti facilis tempore iusto.</p>
<!-- h1+p+p -->
<h1>Lorem, ipsum</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime ab odit provident nostrum, earum officiis, excepturi facilis nobis nihil, iste praesentium atque amet blanditiis dolorum quaerat dicta quisquam sequi, beatae?</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt, perspiciatis quis hic. Recusandae ad quam cum velit eligendi eius molestias laborum asperiores qui nostrum ipsa, autem dignissimos facere impedit placeat.</p>
<!-- rorem원하는 갯수와 함께 tab을 누르면 원하는 만큼의 단어가 생긴다. -->
<mark>링크를 걸어주는 a태그</mark> <br>
<a href="https://www.naver.com/" target="_blonk">naver</a> <br>
<a href="https://www.google.co.kr/?hl=ko" target="_blonk">google</a><br>
<!-- a[href="http://www.naver.com"]>{네이버} -->
<a href="http://www.naver.com">네이버</a><br>
<a href="http://www.google.com">구글</a> <br>
<mark>수평선을 표시하는 hr태그(horizontal)</mark>
<h1>Lorem ipsum</h1>
<h2>dolor sit amet</h2>
<!-- h1>{대제목}+h2{부제목}+hr+p*4 -->
<h1>
대제목
<h2>부제목</h2>
<hr>
<p>Lorem ipsum dolor sit.</p>
<p>Lorem ipsum dolor sit.</p>
<p>Lorem ipsum dolor sit.</p>
<p>Lorem ipsum dolor sit.</p>
</h1>
</body>
</html>
'HTML > code' 카테고리의 다른 글
| 링크를 걸어 컨텐츠로 이동하기 (0) | 2023.03.24 |
|---|---|
| 배운 태그를 이용한 각오 (0) | 2023.03.24 |
| 목록을 표시하는 li태그 (0) | 2023.03.24 |
| 다양한 태그 (0) | 2023.03.24 |
| html (0) | 2023.03.22 |