๐tags.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์คํ๋ฅดํ์ฝ๋ฉํด๋ฝ | HTML ๊ธฐ์ด</title>
</head>
<body>
<!-- ๊ตฌ์ญ์ ๋๋๋ ํ๊ทธ๋ค -->
<div>๋๋ ๊ตฌ์ญ์ ๋๋์ฃ </div>
<p>๋๋ ๋ฌธ๋จ์ด์์</p>
<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>
<!-- ๊ตฌ์ญ ๋ด ์ฝํ
์ธ ํ๊ทธ๋ค -->
<h1>h1์ ์ ๋ชฉ์ ๋ํ๋ด๋ ํ๊ทธ์
๋๋ค. ํ์ด์ง๋ง๋ค ํ๋์ฉ ๊ผญ ์จ์ฃผ๋ ๊ฒ ์ข์์. ๊ทธ๋์ผ ๊ตฌ๊ธ ๊ฒ์์ด ์ ๋๊ฑฐ๋ ์.</h1>
<h2>h2๋ ์์ ๋ชฉ์
๋๋ค.</h2>
<h3>h3~h6๋ ๊ฐ์์ ์ญํ ์ด ์์ฃ . ๋น์ค์ ์์ง๋ง..</h3>
<hr>
span ํ๊ทธ์
๋๋ค: ํน์ <span style="color:red">๊ธ์</span>๋ฅผ ๊พธ๋ฐ ๋ ์จ์
<hr>
a ํ๊ทธ์
๋๋ค: <a href="http://naver.com/"> ํ์ดํผ๋งํฌ </a>
<hr>
img ํ๊ทธ์
๋๋ค: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
<hr>
input ํ๊ทธ์
๋๋ค: <input type="text" />
<hr>
button ํ๊ทธ์
๋๋ค: <button> ๋ฒํผ์
๋๋ค</button>
<hr>
textarea ํ๊ทธ์
๋๋ค: <textarea>๋๋ ๋ฌด์์ผ๊น์?</textarea>
</body>
</html>
๋ช ๋ น์ด | ์์ | ์ค๋ช |
---|---|---|
title | <title> ์ ๋ชฉ </title> | ์ ๋ชฉ ์ค์ |
div | <div> ๊ตฌ์ญ </div> | ๊ตฌ์ญ ๋๋๊ธฐ |
p | <p> ๋ฌธ๋จ </p> | ๋ฌธ๋จ ๋๋๊ธฐ |
li | <li> ํฌ์ธํธ </li> | ์ ์ฐ๊ธฐ |
h1 | <h1> ์ ๋ชฉ </h1> | ์ ๋ชฉ |
h2 | <h2> ์์ ๋ชฉ </h2> | ์์ ๋ชฉ |
h3~6 | <h3> ๋ด์ฉ </h3> | 3โฌโฌ6 |
span | <span style="color:red"> ๋ด์ฉ </span> | ๊ธ์ ๊พธ๋ฏธ๊ธฐ |
a | <a href=" URL"> ๋งํฌ </a> | ํ์ดํผ๋งํฌ |
img | <img src=" URL"/> | ์ด๋ฏธ์ง ์ฝ์ |
input | <input type="text"/> | ํ ์คํธ ์ ๋ ฅ |
button | <button> ๋ฒํผ </button> | ๋ฒํผ |
textarea | <textarea> ๋ด์ฉ </textarea> | ํ ์คํธ ๊ตฌ์ญ |