λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
개발/HTML, CSS, JS

λΆ€λͺ¨μš”μ†Œμ™€ μžμ‹μš”μ†Œ

by Jaeguk 2023. 1. 2.

μ½”λ“œλ₯Ό μž‘μ„±ν•˜λ‹€ 보면 νƒœκ·Έ μ•ˆμ— 또 λ‹€λ₯Έ νƒœκ·Έλ₯Ό μ€‘μ²©μ μœΌλ‘œ μ‚¬μš©ν•˜λŠ” κ²½μš°κ°€ λ°œμƒν•œλ‹€.

μ΄λŸ¬ν•œ κ²½μš°μ— 각각의 μš”μ†Œλ“€μ„ μ–΄λ–»κ²Œ μ§€μΉ­ν•˜λŠ”μ§€ μ•Œμ•„λ³΄μž.

기본적으둜 νƒœκ·Έ μ•ˆμ— λ‹€λ₯Έ νƒœκ·Έλ₯Ό λ„£κ²Œ 되면 λ“€μ—¬μ“°κΈ°λ₯Ό 톡해 μš”μ†Œλ“€μ„ ꡬ뢄해쀀닀.

일렬둜 μž‘μ„±ν•΄λ„ ν”„λ‘œκ·Έλž¨ λ™μž‘μ—λŠ” λ¬Έμ œκ°€ μ—†μ§€λ§Œ, μ½”λ“œλ₯Ό 이쁘게 μž‘μ„±ν•˜λŠ” μ΄μœ λŠ” μ½”λ“œλ₯Ό 컴퓨터가 μ•Œμ•„λ³Ό 수 μžˆλ‹€κ³  κ±°κΈ°μ„œ 끝이 μ•„λ‹ˆλΌ λ‚˜μ™€ ν˜‘μ—…ν•˜λŠ” μ‚¬λžŒλ“€λ„ λ‚˜μ˜ μ½”λ“œλ₯Ό μ½κΈ°λ•Œλ¬Έμ— μ½”λ“œλ₯Ό μ½κΈ°μ’‹κ²Œ μž‘μ„±ν•˜λŠ” μŠ΅κ΄€μ„ λ“€μ—¬μ•Όν•œλ‹€.

1. λΆ€λͺ¨μš”μ†Œ

λ‚˜λ₯Ό κΈ°μ€€μœΌλ‘œν•΄μ„œ λ‚˜λ₯Ό 감싸고 μžˆλŠ” λ°”λ‘œ μœ—λ‹¨κ³„μ˜ μš”μ†Œλ₯Ό 'λΆ€λͺ¨ μš”μ†Œ' 라고 λΆ€λ₯Έλ‹€. 

2. μƒμœ„(쑰상) μš”μ†Œ

λΆ€λͺ¨ μš”μ†Œλ₯Ό ν¬ν•¨ν•˜μ—¬ λ‚˜λ₯Ό 감싸고 μžˆλŠ” λͺ¨λ“  μš”μ†Œλ₯Ό ν†΅ν‹€μ–΄μ„œ 'μƒμœ„ μš”μ†Œ' λ˜λŠ” '쑰상 μš”μ†Œ' 라고 λΆ€λ₯Έλ‹€.

 

3. μžμ‹ μš”μ†Œ

λ‚˜λ₯Ό κΈ°μ€€μœΌλ‘œ λ‚΄κ°€ 감싸고 μžˆλŠ” λ°”λ‘œ μ•„λž˜ μš”μ†Œλ₯Ό 'μžμ‹ μš”μ†Œ' 라고 λΆ€λ₯Έλ‹€.

 

4. ν•˜μœ„(후손) μš”μ†Œ

μžμ‹ μš”μ†Œλ₯Ό ν¬ν•¨ν•˜μ—¬ λ‚΄κ°€ 감싸고 μžˆλŠ” λͺ¨λ“  μš”μ†Œλ“€μ„ 'ν•˜μœ„ μš”μ†Œ' λ˜λŠ” '후손 μš”μ†Œ' 라고 λΆ€λ₯Έλ‹€.

 

자주 μ‚¬μš©λ˜λŠ” μš©μ–΄λ“€μ΄λΌκ³  ν•˜λ‹ˆ κΌ­ κΈ°μ–΅ν•΄μ•Όκ² λ‹€.

728x90

'개발 > HTML, CSS, JS' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

μ „μ—­ 속성  (0) 2023.01.02
주석 처리  (0) 2023.01.02
HTML 핡심 μš”μ†Œ 정리  (0) 2023.01.02
κΈ€μžμ™€ μƒμž  (1) 2023.01.02
빈 νƒœκ·Έ(Empty tag)  (0) 2023.01.02