ํ๋ก ํธ์๋/HTML
Fontํ๊ทธ
by alswlfl
2022. 11. 18.
Font(๊ธ๊ผด) ํ๊ทธ
- <h1>~<h6> Heading
- ์น ํ์ด์ง์ ์ ๋ชฉ ๋๋ ๋ถ์ ๋ชฉ์ ํ์
- ์ซ์๊ฐ ์์ ์๋ก ํฐ ์ ๋ชฉ์ ํ์
- <p> Paragraph
- <hr> Horizontal Rule
- ๊ฐ๋ก๋ก ์ ์ ๊ธ๋ ํ๊ทธ (์ข
๋ฃ ํ๊ทธ ์์)
- <br> Break
- ์ค๋ฐ๊ฟ ํ๊ทธ๋ก HTML์์ ๊ฐํ ์ญํ (์ข
๋ฃ ํ๊ทธ ์์)
- <i> Italic
- ํ
์คํธ๋ฅผ Italic์ฒด๋ก ํ์ํ ๋ ์ฌ์ฉ
- <em> Emphasis
- ํ
์คํธ๋ฅผ Italic์ฒด๋ก ๊ฐ์กฐํ ๋ ์ฌ์ฉ
- <b> Bold
- ํ
์คํธ๋ฅผ ์งํ๊ฒ ํ์ํ ๋ ์ฌ์ฉ
- <strong> Strong
- ํ
์คํธ๋ฅผ ์งํ๊ฒ ๊ฐ์กฐํ ๋ ์ฌ์ฉ
โ<i>์ <em>์ ์ฐจ์ด์ ๊ณผ <b>์ <strong>์ ์ฐจ์ด์
<i>์ <b>๋ ๋จ์ํ ํ
์คํธ๋ฅผ ์ดํ
๋ฆญ์ฒด, ์งํ๊ฒ ํ์ํ๋ ์ญํ <em>์ <strong>๋ ์ค์ ๋ก ํ์ด์ง ๋ด์ ์ค์ํ ๋ถ๋ถ์ผ๋ก ๊ฐ์กฐํ๊ณ ์ถ์ ๋ ์ฌ์ฉ
โจ strong๊ณผ emํ๊ทธ๋ ๋ธ๋ผ์ฐ์ ์์ ์คํฌ๋ฆฐ๋ฆฌ๋๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ, ์์ฑํฉ์ฑ ๋๊ตฌ๊ฐ ํ์ด์ง๋ฅผ ํด์ํ๊ณ ์ฝ์ ๋ ๊ฑฐ์ผ ์ต์์ผ๋ก ๋ฐ์ํ์ฌ ๊ฐ์กฐํ๋ฏ์ด ์ฌ๊ตฌ์ฑ ๊ฐ๋ฅ
์คํฌ๋ฆฐ ๋ฆฌ๋(Screen Reader) :
์๊ฐ์ฅ์ ์ธ์ด ์ปดํจํฐ๋ฅผ ์ฌ์ฉํ ๋ ํ๋ฉด์ ๋ํ๋๋ ์ ๋ณด๋ค์ ์์ฑ์ผ๋ก ์ถ๋ ฅํด์ฃผ๋ ํ๋ฉด๋ญ๋
ํ๋ก๊ทธ๋จ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Font Tag</title>
</head>
<body>
<h1>์ ๋ชฉ1</h1>
<h2>์ ๋ชฉ2</h2>
<h3>์ ๋ชฉ3</h3>
<h4>์ ๋ชฉ4</h4>
<h5>์ ๋ชฉ5</h5>
<h6>์ ๋ชฉ6</h6>
<hr />
<h1>๊น์น๋ณถ์๋ฐฅ</h1>
<p>
๊น์น๋ฅผ ์ฃผ ์ฌ๋ฃ๋ก ์ฌ์ฉํ ๋ณถ์๋ฐฅ. <br />
์์ด๋ก๋ Kimchi Fried rice.
</p>
<hr />
<h1>์ ๊ตญ๊ฐ</h1>
<h4>1</h4>
<i>๋ํด</i> <em>๋ฌผ๊ณผ ๋ฐฑ๋์ฐ</em>์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก<br />
ํ๋๋์ด ๋ณด์ฐํ์ฌ ์ฐ๋ฆฌ๋๋ผ ๋ง์ธ.<br />
๋ฌด๊ถํ ์ผ์ฒ๋ฆฌ ํ๋ ค ๊ฐ์ฐ<br />
๋ํ ์ฌ๋, ๋ํ์ผ๋ก ๊ธธ์ด ๋ณด์ ํ์ธ.
<h4>2</h4>
<b>๋จ์ฐ</b> ์์ ์ <strong>์๋๋ฌด</strong>, ์ฒ ๊ฐ์ ๋๋ฅธ ๋ฏ<br />
๋ฐ๋ ์๋ฆฌ ๋ถ๋ณํจ์ ์ฐ๋ฆฌ ๊ธฐ์์ผ์ธ.<br />
๋ฌด๊ถํ ์ผ์ฒ๋ฆฌ ํ๋ ค ๊ฐ์ฐ<br />
๋ํ ์ฌ๋, ๋ํ์ผ๋ก ๊ธธ์ด ๋ณด์ ํ์ธ.
<h4>3</h4>
๊ฐ์ ํ๋ ๊ณตํํ๋ฐ ๋๊ณ ๊ตฌ๋ฆ ์์ด<br />
๋ฐ์ ๋ฌ์ ์ฐ๋ฆฌ ๊ฐ์ด ์ผํธ๋จ์ฌ์ผ์ธ.<br />
๋ฌด๊ถํ ์ผ์ฒ๋ฆฌ ํ๋ ค ๊ฐ์ฐ<br />
๋ํ ์ฌ๋, ๋ํ์ผ๋ก ๊ธธ์ด ๋ณด์ ํ์ธ.
<h4>4</h4>
์ด ๊ธฐ์๊ณผ ์ด ๋ง์ผ๋ก ์ถฉ์ฑ์ ๋คํ์ฌ<br />
๊ดด๋ก์ฐ๋ ์ฆ๊ฑฐ์ฐ๋ ๋๋ผ ์ฌ๋ํ์ธ.<br />
๋ฌด๊ถํ ์ผ์ฒ๋ฆฌ ํ๋ ค ๊ฐ์ฐ<br />
๋ํ ์ฌ๋, ๋ํ์ผ๋ก ๊ธธ์ด ๋ณด์ ํ์ธ.
</body>
</html>