μ΄λ² λ―Έμ μ μ£Όμ λ λ°λ‘ 90λ μ HTMLμ μ£Όμ λ‘ μΉνμ΄μ§λ₯Ό μμ±νλ κ²μ λλ€. μμ±λ°©μμ μμ μ λλ€. μ λ¬ΈκΈ°μ¬, λΈλ‘κ·Έ, μν€λ°±κ³Ό κ°μ μ¬μ λ± μ¬λ¬κ°μ§ ννλ‘ λ¨κΈΈ μλ μμν λ°μ. λ³ΈμΈμ΄ μνλ ννλ‘ μμ±ν΄μ£Όμλ©΄ λ©λλ€. 90λ μ HTMLμ μ΄μΌκΈ°λ₯Ό λ΄μλ΄λ©΄μ κΈ, λ§ν¬, μ¬μ§, λμμ, ꡬλ λ©μΌ λ±μ λ΄μ μ μμν λ°μ. κ·Έ κ³Όμ μμ νμν HTML νκ·Έλ€μ MDN λ§ν¬λ₯Ό ν΅ν΄ μ§μ μ°Ύμ보μκΈΈ λ°λλλ€.
- μ λ―Έμ μ Repositoryμμ κΈ°μ‘΄μ λ―Έμ μ μ§ννλ λ°©μκ³Ό λμΌνκ² μ§νν©λλ€.
- PRμ 보λ΄λ©΄ @eastjunμ΄ νμΈ ν mergeν μμ μ λλ€.
- λ§κ°κΈ°νμ 2020λ 3μ 23μ μμμΌ 23:59λΆ κΉμ§μ λλ€.
- μμ±ν htmlμ @eastjunμ΄ μΉνΈλλΆμΌλ‘ μ μνμ¬ λ°°ν¬ν μμ μ λλ€. μμκ² λ§λ€ νμλ μμ§λ§ λ΄μ©μ μ±μλ₯Ό 보μ¬μ£ΌμΈμ π
-
<html>
<head>
<title>
<body>
νκ·Έλ₯Ό λ°λμ ν¬ν¨νλ€. -
<head>
νκ·Έ μμλ<meta charset="utf-8">
λ₯Ό μ½μ νλ€. - μ 5κ°μ νκ·Έλ₯Ό μ μΈνκ³ μ΅μ 10κ° μ΄μμ νκ·Έλ₯Ό μ΄μ©νλ€.
- 1κ° μ΄μμ μ΄λ―Έμ§ λλ λΉλμ€λ₯Ό μ½μ νλ€.
- λκΈμ μμ±νλ
input
λλtextarea
νκ·Έλ₯Ό μ¬μ©νλ€. (μ€μ λμν νμλ μμ) - μμ μ΄ μ¬μ©ν νκ·Έλ€μ κΈ°λ₯μ README.mdμ μμ±νλ€.
-
<h1> ~ <h6>
- κ° sectionμ μ λͺ©μ λννλ νκ·Έ
- νλμ sectionλΉ νλμ h1 νκ·Έλ₯Ό μ¬μ©νλ κ²μ κΆμ₯
- κ³μΈ΅ ꡬ쑰μ λ§κ² μμλλ‘ μμ±λλ κ²μ΄ μ’μ
-
<a>
- ν μ€νΈμ λ§ν¬λ₯Ό μ€μ νλ νκ·Έ
target="_blank
λ₯Ό μ¬μ©νλ©΄ λ§ν¬λ₯Ό μ μ°½μΌλ‘ λμΈ μ μμ
-
<header>
- λ€λΉκ²μ΄μ μ λκ±°λ μκ°λ₯Ό λνλ΄λ κ·Έλ£Ήμ νν
- μΌλ°μ μΌλ‘ sectionμ μ λͺ©μ νν
-
<footer>
- μ£Όλ‘ μ μκΆ μ 보λ μλΉμ€ μ 곡μ μ 보λ±μ λνλ
- μ£Όλ‘ μ¬μ΄νΈ νλ¨μ μμΉ
-
<ol>
- μμκ° μλ λͺ©λ‘μ λνλ
<li>
μμ±μ ν¬ν¨νκ³ μμ
-
<li>
- λͺ©λ‘ μμ΄ν μ λνλ
- λΆλͺ¨κ°
<ol>
μ΄λΌλ©΄ μμκ° μλ λͺ©λ‘ μμ΄ν - λΆλͺ¨κ°
<ul>
λΌλ©΄ μμκ° μλ λͺ©λ‘ μμ΄ν
-
<section>
- λ¬Έμλ μμ©νλ‘κ·Έλ¨μ μΌλ°μ μΈ sectionμ νν
- μ λͺ©μΌλ‘ μμνλ 컨ν μΈ λ₯Ό μλ―Έμ μΌλ‘ κ·Έλ£ΉννκΈ° μν΄ μ¬μ©
-
<article>
- λ¬Έμλ΄μ λ 립μ μΈ μ½ν μΈ
- νλμ λ¬Έμμμ μ¬λ¬κ°μ articleμ΄ μ¬ μ μμ΅λλ€.
-
<nav>
- λ€λ₯Έ νμ΄μ§λ κ°μ νμ΄μ§ μμ λ€λ₯Έ λΆλΆμΌλ‘ μ΄μ΄μ£Όλ λ€λΉκ²μ΄μ λ§ν¬λ‘ ꡬμ±λ sectionμ νν
- μ£Όμ λ€λΉκ²μ΄μ λΈλ‘μ ꡬμ±νλ section
-
<textarea>
- μ¬λ¬μ€μ ν μ€νΈλ₯Ό νΈμ§ν μ μλ 컨νΈλ‘€μ μμ±
λ§μ½ λ―Έμ μν μ€μ κ°μ μ¬νμ΄ λ³΄μΈλ€λ©΄, μΈμ λ μμ λ‘κ² PRμ 보λ΄μ£ΌμΈμ.