๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML๐Ÿ”จ/html

html h2 ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ์ •๋ฆฌ

by hyojinny 2022. 11. 24.

<h1> ๋กœ๊ณ  html ์ด ์ œ๋ชฉ๋А๋‚Œ / 

<h2> ์„œ๋ธŒํŽ˜์ด์ง€ ์ œ๋ชฉ / ๋‚ด์šฉ์ด ํ•˜๋‚˜์ด๊ธฐ์— ์œ„์— ํ•œ๋ฒˆ๋งŒ ์‚ฌ์šฉ / ๋‚˜๋จธ์ง€๊ฐ•์กฐ๋Š” em, strong 

๋ฉ”์ธํŽ˜์ด์ง€์—์„œ ์„น์…˜๋ณ„ ๋‚ด์šฉ์—๋”ฐ๋ผ ์—ฌ๋Ÿฌ๋ฒˆ์”ฉ ์‚ฌ์šฉํ•  ์ˆ˜์žˆ์Œ 

์ปฌ๋Ÿผ์ œ๋ชฉ h3 

h4๋Š” ์—†์Œ

<h1>  ๋กœ๊ณ  html ์ด ์ œ๋ชฉ ๋А๋‚Œ
<h2> ์„œ๋ธŒํŽ˜์ด์ง€ ์ œ๋ชฉ ์„œ๋ธŒ๋‚ด์šฉ์ด ํ•˜๋‚˜์ด๊ธฐ์— ์œ„์— ํ•œ๋ฒˆ๋งŒ ์‚ฌ์šฉ / ๋‚˜๋จธ์ง€๊ฐ•์กฐ๋Š” em, strong 
๋ฉ”์ธํŽ˜์ด์ง€์„œ๋Š” ์„น์…˜๋ณ„ ๋‚ด์šฉ์—๋”ฐ๋ผ ์—ฌ๋Ÿฌ๋ฒˆ์”ฉ ์‚ฌ์šฉ ๊ฐ€๋Šฅ
<h3> ์ปฌ๋Ÿผ์ œ๋ชฉ ์„น์…˜๋ณ„ ์ž‘์€ ์ œ๋ชฉ
<h4> ์‚ฌ์šฉ์•ˆํ•จ  
<button> ์•ˆ์— img ๊ฐ€๋Šฅ? button inline-block, img๋„ inlin-block ์œผ๋กœ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ <div> block์š”์†Œ ๋ถˆ๊ฐ€๋Šฅ
๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ์ด๋ฏธ์ง€์™€ ๋ฒ„ํŠผ์˜ ๊ฐ„๊ฒฉ์ด ๋‹ฌ๋ผ์ง
๋ฒ„ํŠผ์€ ํด๋ฆญ์œผ๋กœ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜•, ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง€๋กœ ๋ฒ„ํŠผ๋””์ž์ธ์— ๋งž์ถฐ ์•„์ด์ฝ˜ ํฌ๊ธฐ ์กฐ์ •
= <a >

์ž๋ฐ”.์ œ์ด์ฟผ๋ฆฌ ๊ธฐ๋Šฅ๊ตฌํ˜„ํ• ๋•Œ (toggle) ์‚ฌ์šฉ
form ์ž…๋ ฅํƒ€์ž… ์˜†์€ ๋ฒ„ํŠผ ์„œ๋ธŒ๋ฐ‹
<a> ๋กœ๊ณ  ์•ˆ์— img, ๋ฐฐ๊ฒฝ ๋‘˜๋‹ค ๊ฐ€๋Šฅ
๋‹ค๋ฅธํŽ˜์ด์ง€์ด๋™, ํฌ์ปค์Šค์ด๋™, 
๋ธ”๋Ÿญ์•ˆ์— ๋ธ”๋Ÿญ, ์ธ๋ผ์ธ ๋ธ”๋Ÿญ, ์ธ๋ผ์ธ
์ธ๋ผ์ธ ๋ธ”๋Ÿญ์•ˆ์— ์ธ๋ผ์ธ๋ธ”๋Ÿญ, ์ธ๋ผ์ธ
์ธ๋ผ์ธ์ค‘ <span>๋งŒ ๋‹ค๋ฅธ ์ธ๋ผ์ธ์„ ๊ฐ์„์ˆ˜ ์žˆ์Œ
์„น์…˜์—์„œ ์ƒํ•˜์ขŒ์šฐ ํŒจ๋”ฉ ( catinaer : ํ•œ๋ฒˆ์— ํŒจ๋”ฉ, margin์‹œ ๋ณ‘ํ•ฉ, ๋ฐฐ๊ฒฝ์ƒ‰), ์•ˆ์ชฝ์—์„œ๋Š” ๋งˆ์ง„์œผ๋กœ ๊ฐ„๊ฒฉ <p>ํƒœ๊ทธ ๋‚˜์—ด์‹œ margin
alt='' ์ƒ๋žต๋ถˆ๊ฐ€ ๋‹จ, <a> & ์ œ๋ชฉ์•ˆ์— ์žˆ์„๋•Œ๋Š” alt์— ์„ค๋ช…ํ•„์ˆ˜

๋Œ“๊ธ€