λμ κ³Όμ μμ μ£Όλ³μ ν
λ리 μΆκ° μ λ¬Έμ κ° μμ΅λλ€.
μ¬μ©μ μμ΄μ νΈ: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0
.
μ΄ λ¬Έμ λ₯Ό μ¬ννλ λ°©λ²μ μ€λͺ
νκ³ κ°λ₯ν κ²½μ° μ€ν¬λ¦°μ·μ λν λ§ν¬λ₯Ό ν¬ν¨νμμμ€.
λ΄ μ½λ:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
.thick-green-border {
border-width: 10px;
border-style: solid;
border-color: green;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
μ΄λ―Έμ§ νκ·Έμλ λ κ°μ ν΄λμ€ μμ±μ΄ μμ΄μλ μ λ©λλ€. μ€μ λ‘ html μμμλ λ κ°μ ν΄λμ€ μμ±μ΄ μμ΄μλ μ λ©λλ€.
곡백μΌλ‘ ꡬλΆνμ¬ html μμμ μ¬λ¬ ν΄λμ€λ₯Ό μΆκ°ν©λλ€. μλ₯Ό λ€μ΄,
<h2 class="red-text green-border">Heading</h2>
κ·Έλ¦¬κ³ μ΄ κ³΅κ°μ λμ μ λν λμμ μμ²νλ 곡κ°μ΄ μλλλ€. λμμ΄ νμνλ©΄ FCC ν¬νλ£Έ μΌλ‘ κ°μμμ€.
κ°λ¨ν μΌμ΄ λ μ€ μμμ΅λλ€. run1595 κ°μ¬ν©λλ€.
λ¬Έμ κ° ν΄κ²°λ κ² κ°μ νμν©λλ€. μ¦κ±°μ΄ μ½λ©!
κ°μ₯ μ μ©ν λκΈ
μ΄λ―Έμ§ νκ·Έμλ λ κ°μ ν΄λμ€ μμ±μ΄ μμ΄μλ μ λ©λλ€. μ€μ λ‘ html μμμλ λ κ°μ ν΄λμ€ μμ±μ΄ μμ΄μλ μ λ©λλ€.
곡백μΌλ‘ ꡬλΆνμ¬ html μμμ μ¬λ¬ ν΄λμ€λ₯Ό μΆκ°ν©λλ€. μλ₯Ό λ€μ΄,
κ·Έλ¦¬κ³ μ΄ κ³΅κ°μ λμ μ λν λμμ μμ²νλ 곡κ°μ΄ μλλλ€. λμμ΄ νμνλ©΄ FCC ν¬νλ£Έ μΌλ‘ κ°μμμ€.