πŸ–₯️ [UIUX] 1121 HTML Coding, μ½”λ”© 기초 3

You_Jin.Β·2024λ…„ 11μ›” 21일
1
post-thumbnail

✏️ 2024. 11μ›” 21일 / Coding, μ½”λ”© 기초 3

πŸ•ΆοΈ 미리보기

πŸ“Ί μ½”λ”© 기초 - Visual Studio Code
βœ–οΈ
μš°μ„  였늘의 ν¬μŠ€νŒ…μ„ μ‹œμž‘ν•˜κΈ°μ— μ•žμ„œ, κ°„λ‹¨ν•œ 정보λ₯Ό μ•Œλ €λ“œλ¦¬κ³  μ‹œμž‘ν•˜κ² μŠ΅λ‹ˆλ‹€.
πŸ“ [κΈ°λ³Έν˜•]μ΄λž€ κΈ°λ³Έ 문법, κΈ°λ³Έ ν˜•μ‹μ„ λœ»ν•©λ‹ˆλ‹€.
πŸ“ 주석 νƒœκ·Έ μ•ˆμ—λŠ” 또 ν•˜λ‚˜μ˜ 주석 νƒœκ·Έλ₯Ό μ€‘λ³΅ν•΄μ„œ μ‚¬μš©ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

⌨️ tag - block 속성 νƒœκ·Έ
βœ–οΈ
νƒœκ·Έμ—λŠ” 총 3κ°€μ§€μ˜ 속성이 μžˆλ‹€κ³  μ•Œλ €λ“œλ Έμ—ˆλŠ”λ°μš”.
inline / block / inline-block μ΄λ ‡κ²Œ 3κ°€μ§€ μ†μ„±μž…λ‹ˆλ‹€.
ν•΄λ‹Ή λ‹¨λ½μ—μ„œ μ†Œκ°œν•΄λ“œλ¦΄ νƒœκ·ΈλŠ” 블둝 μ†μ„±μ˜ νƒœκ·Έ μž…λ‹ˆλ‹€.

μš°μ„  제λͺ©μ„ λ‚˜νƒ€λ‚΄λŠ” νƒœκ·Έλ₯Ό λ¨Όμ € μ•Œλ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.
πŸ”” <h1>~<h6> : 제λͺ©νƒœκ·Έ



λ‘λ²ˆμ§Έλ‘œ λ³Έλ¬Έ νƒœκ·Έμ— λŒ€ν•΄ μ•Œλ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.
πŸ”” <p></p> : λ³Έλ¬Ένƒœκ·Έ(λ‹¨λ½νƒœκ·Έ)



μ„Έλ²ˆμ§Έλ‘œ μ€„λ°”κΏˆ νƒœκ·Έμ— λŒ€ν•΄ μ•Œλ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.
πŸ”” <br/> : μ€„λ°”κΏˆ νƒœκ·Έ


⌨️ tag - 잘 μ‚¬μš©ν•˜μ§€λŠ” μ•Šμ§€λ§Œ μ•Œμ•„λ‘λ©΄ 쒋은 block 속성 νƒœκ·Έ
βœ–οΈ
πŸ”” <hr/> : μˆ˜ν‰μ„  νƒœκ·Έ



πŸ”” <blockquote></blockquote> : 인용문 νƒœκ·Έ



πŸ”” <pre></pre> : 문단 μ•ˆμ— κ³΅λ°±μ΄λ‚˜ 쀄 λ°”κΏˆμ„ κ·ΈλŒ€λ‘œ μ μš©ν•΄μ£ΌλŠ” νƒœκ·Έ


⌨️ tag - inline 속성 νƒœκ·Έ
ν•΄λ‹Ή λ‹¨λ½μ—μ„œ μ†Œκ°œν•΄λ“œλ¦΄ νƒœκ·ΈλŠ” 인라인 μ†μ„±μ˜ νƒœκ·Έ μž…λ‹ˆλ‹€.

πŸ”” β˜…μ€‘μš”ν•©λ‹ˆλ‹€! <b>, <strong> : κΈ€μžμ˜ λͺ¨μ–‘을 ꡡ게 μ§€μ •ν•˜λŠ” νƒœκ·Έ



πŸ”” <i>, <em> : κΈ€μžμ˜ λͺ¨μ–‘을 μ΄νƒ€λ¦­μ²΄λ‘œ κΈ°μšΈμ—¬ ν‘œν˜„ν•˜λŠ” νƒœκ·Έ



πŸ”” <q> : 인용 λ‚΄μš©μ„ ν‘œμ‹œ



πŸ”” <mark> : ν˜•κ΄‘νŽœ 효과



πŸ”” β˜…μ€‘μš”ν•©λ‹ˆλ‹€! <span> : 쀄 λ°”κΏˆ 없이 κΈ€μž μ˜μ—­μ„ λ¬Άμ–΄ κΎΈλ°€λ•Œ μ‚¬μš©ν•˜λŠ” νƒœκ·Έ


πŸ‘‘ 였늘 배운 λ‚΄μš©μœΌλ‘œ μ—°μŠ΅ν•΄λ³΄κΈ°

πŸ—¨οΈ μ†μœΌλ‘œ 직접 κ³΅λΆ€ν•œ λ‚΄μš©μ„ λ°”νƒ•μœΌλ‘œ μž‘μ„±ν•œ κΈ€μ΄λžλ‹ˆλ‹€ !
βœ–οΈ
μ•žμœΌλ‘œλ„ μ—΄μ‹¬νžˆ κ³΅λΆ€ν•΄μ„œ λ§Žμ€ λ‚΄μš©μ„ κ³΅μœ ν•˜κ² μŠ΅λ‹ˆλ‹€ :)

profile
🎧 α΄˜ΚŸα΄€ΚΙͺΙ΄Ι’: UXUI (Feat: coding) ─────────βšͺ───── 𝟸:𝟷𝟾 / 𝟹:πŸ»πŸΌβ € γ…€ ◄◄⠀▐▐⠀►► ───○ πŸ”Š

0개의 λŒ“κΈ€