728x90
728x90
1. HTML Style, Title Attribute, Horizon rule
<!DOCTYPE html>
<html lang="eng">
<head></head>
<body>
<h3>Unordered HTML List</h3>
<ul>
<!-- title, style attribute -->
<li title="it's first unordered html list" style="color: blueviolet;">Hello</li>
<li>How are you</li>
<li>Hello</li>
</ul>
<!-- Horizon Rule -->
<hr>
<h3>Ordered HTML List</h3>
<ol>
<li style="color: Red;">Hello</li>
<li>How are you</li>
<!-- <br>๋ Enter ์ ๊ฐ์ ๊ฒ -->
<li>Hello <br> How are you</li>
</ol>
</body>
</html>
<!-- style="color: " -->
2. HTML pre element
๊ณ ์ ํญ ๊ธ๊ผด์ ์ฌ์ฉํ๋ฉฐ ํํ๋๋ฉฐ, ์ฌ์ฉ๋ ๋์ด์ฐ๊ธฐ์ ์ค ๋ฐ๊ฟ์ด ๋ชจ๋ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ํ๋จ.
<!DOCTYPE html>
<html lang="eng">
<head></head>
<body>
<p title="paragraphs" style="color: blue;"> this is Paragraphs</p>
<pre>
<!-- pre element -->
i'm pre elements
i'm pre elements 2
i'm pre elements 3
</pre>
</body>
</html>
3. HTML BackGround Color, Font, Text Color, Text Size, Alignment
<!DOCTYPE html>
<html lang="eng">
<head></head>
<!-- style: background-color -->
<body style="background-color: aquamarine;";">
<!-- style: color -> font color -->
<p title="paragraphs" style="background-color: brown; color: blue;"> this is Paragraphs</p>
<p title="background practice" style="background-color: black; color: white"> this is background practice</p>
<!-- style: font family(ํฐํธ ์คํ์ผ) font size(font size), text-align(์ค design) -->
<pre style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 300%; text-align: center; background-color: white;">
hello
how are you
i'm studying HTML now
</pre>
</body>
</html>
<๋ณต์ต>
1. title : ์ค๋ช
2. <hr> : ์ค, ๊ตฌ๋ถ์
3. <br> : enter
4. <pre></pre>
5. style
- color : font color
- background-color : background color
- font-family : font style
- font-size : font size
- text-align: ํ ์คํธ
728x90
'Programming Language > HTML | CSS | JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| HTML 5์ผ์ฐจ ๊ณต๋ถ (0) | 2022.01.12 |
|---|---|
| HTML 4์ผ์ฐจ ๊ณต๋ถ (0) | 2022.01.10 |
| HTML 2์ผ์ฐจ ๊ณต๋ถ (0) | 2022.01.08 |
| HTML 1 ์ผ์ฐจ ๊ณต๋ถ (0) | 2021.12.28 |
| VSCODE Html File ์์ฑ (0) | 2021.12.28 |
