๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

HTML3

HTML - HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ HTML ์ด๋ž€ HTML (Hyper Text Markup Langauge) ๋Š” ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์›น ๋ธŒ๋ผ์šฐ์ €์— ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•œ ์›น ๋ฌธ์„œ๋ฅผ ๋งŒ๋“œ๋Š” ์–ธ์–ด ์ œ๋ชฉ, ๋‹จ๋ฝ, ๋ชฉ๋ก ๋“ฑ๊ณผ ๊ฐ™์€ ๋ณธ๋ฌธ์„ ์œ„ํ•œ ๊ตฌ์กฐ์  ์˜๋ฏธ์™€ ๋งํฌ, ์ธ์šฉ ๋“ฑ ๊ตฌ์กฐ์  ๋ฌธ์„œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•œ๋‹ค. Markup langauge : ๋ฌธ์„œ๊ฐ€ ํ™”๋ฉด์— ํ‘œ์‹œ๋˜๋Š” ํ˜•์‹ ํ˜น์€ ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ์˜ ๋…ผ๋ฆฌ์  ๊ตฌ์กฐ๋ฅผ ๋ช…์‹œํ•˜๊ธฐ ์œ„ํ•œ ๊ทœ์น™๋“ค์„ ์ •์˜ํ•œ ์–ธ์–ด์˜ ์ผ์ข… ์›น ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ํƒœ๊ทธ ์–ธ์–ด์ด๋ฉฐ ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ํ•œ ๋ฒˆ์— ํ•˜๋‚˜์˜ HTML ํŽ˜์ด์ง€๋ฅผ ํ™”๋ฉด์— ์ถœ๋ ฅํ•œ๋‹ค. ํƒœ๊ทธ (Tag) ์ •์˜ HTML์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ธฐ๋ณธ ๋‹จ์œ„์ด๋ฉฐ ๋ณดํŽธ์ ์œผ๋กœ ์—ฌ๋Š” ํƒœ๊ทธ์™€ ๋‹ซ๋Š” ํƒœ๊ทธ๊ฐ€ ํ•œ ์Œ์„ ์ด๋ฃฌ๋‹ค. (๋ณดํŽธ์ ์ธ ๋‚ด์šฉ์ผ ๋ฟ, ๋ชจ๋“  ํƒœ๊ทธ๊ฐ€ ๋‹ซ๋Š” ํƒœ๊ทธ๊ฐ€ ์กด์žฌํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค) ํŽ˜์ด์ง€ ์ถœ๋ ฅ์€ ๋ชฉ์ .. 2023. 6. 29.
HTML - ์›น ๊ฐœ์š” ๋ธŒ๋ผ์šฐ์ €์˜ ์—”์ง„ - ์›น ํŽ˜์ด์ง€์˜ ๊ตฌ์„ฑ์„ ์œ„ํ•œ HTML, CSS ๋“ฑ ์ž๋ฃŒ๋ฅผ ํ•ด์„ํ•ด ์‚ฌ์šฉ์ž์˜ ์žฅ์น˜์— ๋งž๊ฒŒ ๋ณ€ํ™˜ํ•˜๋Š” ์—ญํ• ์„ ํ•œ๋‹ค - ๋ธŒ๋ผ์šฐ์ €์˜ ์—”์ง„์€ ์›น ํ‘œ์ค€์— ์˜๊ฑฐํ•˜์—ฌ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋˜์–ด ์žˆ์œผ๋ฏ€๋กœ ์›นํ‘œ์ค€์œผ๋กœ ์ž‘์„ฑํ•ด์•ผ ์ •์ƒ์ ์œผ๋กœ ์ฝ์„ ์ˆ˜ ์žˆ๋‹ค. - Firefox, Chrome, Edge, Safari, Opera, Brave, Internet Explorer 1. ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ - ๋ธŒ๋ผ์šฐ์ € ์ฐฝ - ํƒญ - ์ฃผ์†Œ์ฐฝ - ๋ทฐํฌํŠธ (Viewport) : ํ•˜๋‚˜์˜ ์›น ํŽ˜์ด์ง€๊ฐ€ ์ถœ๋ ฅ(๋žœ๋”๋ง:๋ธŒ๋ผ์šฐ์ €์˜ ๋ทฐํฌํŠธ์— ์›น ์‚ฌ์ดํŠธ๋ฅผ ๊ทธ๋ ค๋‚ด๋Š” ๊ฒƒ)๋˜๋Š” ์˜์—ญ 2. ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง• ์ด์Šˆ - ์—ฌ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ผํ•œ ํ™”๋ฉด, ๋™์ž‘์„ ์ค„ ์ˆ˜ ์žˆ๋„๋ก ์ œ์ž‘ํ•˜๋Š” ๊ธฐ์ˆ  - ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ ๋ฐ ๋ฒ„์ „์— ๋”ฐ๋ผ ์ œ๊ณต๋˜์–ด์ง€์ง€ ์•Š๋Š” ํƒœ๊ทธ ๋ฐ ์†์„ฑ์ด .. 2023. 6. 29.
HTML - ์›น ํ‘œ์ค€ - ์›น์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํ‘œ์ค€ ๊ธฐ์ˆ ์€ W3C ๊ถŒ๊ณ ์•ˆ์„ ์‚ฌ์šฉํ•œ๋‹ค. - W3C (The World wide web consortium) : ์›น ํ‘œ์ค€๊ณผ ๊ฐ€์ด๋“œ ๋ผ์ธ ๊ฐœ๋ฐœ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ์žˆ๋‹ค. https://www.w3.org/WAI/standards-guidelines/ko W3C ์ ‘๊ทผ์„ฑ ๊ธฐ์ค€ ๊ฐœ์š” Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI). www.w3.org - ์›น ํ‘œ์ค€์„ ์ค€์ˆ˜ = ์›น ์‚ฌ์ดํŠธ๊ฐ€ ํ‘œ์ค€ํ™”๋œ HTML, CSS, JS ๊ทœ์ •์„ ๋”ฐ๋ฅด๊ณ  ์žˆ๋‹ค๋Š” ์˜๋ฏธ - ์›น ํŽ˜์ด์ง€๋Š” ์›น ํ‘œ์ค€ ๊ฒ€์‚ฌ๋ฅผ ํ•„์ˆ˜๋กœ ํ•จ 2023. 6. 29.