π€ HTMLμμ <p>
λ λ¬Έλ¨(paragraph)μ λνλ΄λ μμμ
λλ€. μΌλ°μ μΌλ‘ ν
μ€νΈ μ½ν
μΈ λ₯Ό ꡬμ±νλ λ° μ¬μ©λ©λλ€. λΈλΌμ°μ μμ μλμΌλ‘ λ¬Έλ¨μ ꡬλΆνκ³ , κ°κ°μ λ¬Έλ¨μ΄ μλ‘ λ€λ₯Έ μ€νμΌμ΄λ λ μ΄μμ λ±μ κ°μ§ μ μλλ‘ ν©λλ€.
<!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>Document</title>
</head>
<body>
<p>This is the first paragraph_</p>
<p>This is the second paragraph_</p>
<p>This is the third paragraph_<br>
λν΄λ¬Όκ³Ό λ°±λμ°μ΄ λ§λ₯΄κ³ λ³λλ‘<br>
νλλμ΄ λ³΄μ°νμ¬ μ°λ¦¬λλΌλ§μΈ~~<br>
무κΆνμ μΌμ²λ¦¬μ΄ νλ €κ°μμ°</p>
</body>
</html>
π€<blockquote>,<pre>
ν
μ€νΈ νμμ λ³κ²½νκ±°λ μΈμ©λ¬Έμ λνλ΄λ λ° μ¬μ©λλ μμμ
λλ€. <blockquote>
μμλ μΈμ©λ¬Έμ λνλ΄λ©°, μΌλ°μ μΌλ‘ μΈμ©λ¬Έ μμλ λ€λ₯Έ μμ€λ μμ
λ¬Όμμ λ°μ·ν ν
μ€νΈκ° λ€μ΄κ°λλ€.
<pre>
μμλ μμμ΄ μ§μ λ(preformatted) ν
μ€νΈλ₯Ό λνλ
λλ€. μ΄ μμλ ν
μ€νΈκ° μ΄λ»κ² νμλλμ§μ λν 곡백과 μ€ λ°κΏμ μ μ§ν©λλ€. <pre>
μμλ μΌλ°μ μΌλ‘ μμ€ μ½λλ ν
μ€νΈ λ¬Έμλ₯Ό ν¬ν¨ν λΈλ‘ μμλ₯Ό νμνλ λ° μ¬μ©λ©λλ€.
π€ HTMLμμ <hr>
μ λ¬Έμ λ΄μ μνμ (horizontal line)μ μ½μ
νλ λ° μ¬μ©λλ μμμ
λλ€. <hr>
μμλ λ¨λ
μΌλ‘ μ¬μ©νλ©°, μμ νκ·Έμ μ’
λ£ νκ·Έλ₯Ό μ¬μ©νμ§ μμ΅λλ€. κΈ°λ³Έμ μΌλ‘ μνμ μ λ¬Έμμ κ°λ‘ν μ 체μ κ±Έμ³ κ·Έλ €μ§λ©°, μμμ λΈλΌμ°μ λλ λ¬Έμ μ€νμΌ μνΈμμ μ μν κ°μΌλ‘ νμλ©λλ€. color, size, width, align λ±μ μμ±μ μ¬μ©νμ¬ μνμ μ μμ, λμ΄, λλΉ λ° μ λ ¬ λ±μ λ³κ²½ν μ μμ΅λλ€.
<body>
<blockquote>
blockquote λ¨λ½μ μμ 곡κ°μ΄ λμμ Έ μλ€~~
</blockquote>
<blockquote>
λ³΄ν΅ μΈμ©λ¬Έ 2 (λ€λ₯Έ μμ€, μμ
λ¬Ό)
</blockquote>
<p> μ΄κ±΄ pμ
λλ€ </p>
<p> μ΄κ²λ λ§μ°¬κ°μ§ μ
λλ€. </p>
<hr>
<hr>
<pre>
μΈμΉΈ_λμ°κ³ _μ°κΈ°
λμΉΈ_λμ°κ³ _6μ°κΈ°
νμΉΈ_λμ°κ³ _μ°κΈ°
</pre>
</body>
<body>
<!--align λ°λ‘ μμ μΌλ©΄ κ°μ΄λ°μ νμλ¨
width = κ°λ‘ "% λ μ«μλ‘ ννκ°λ₯"
size = μΈλ‘ .-->
<hr color="pink" align="left" width="60%" size="40">
<hr color="pink" align="left" width="600" size="40">
<hr color="sky blue" width="50%" size="40">
<hr color="#0099ff" align="right" width="50%" size="20">
</body>
μ£Όμ
<!---->
μ μ¬μ©ν©λλ€
βπ§‘ππ€π€