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

HTML

(9)
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์Šคํ‚จ ๊พธ๋ฏธ๊ธฐ [aํƒœ๊ทธ] ํƒœ๊ทธ(1) ์ •์˜ ํ•˜์ดํผ๋งํฌ๋ฅผ ๊ฑธ์–ด์ค„๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ๋กœ anchor(๋‹ป)์˜ ์ค„์ž„๋ง์ด๋ผ๊ณ  ํ•œ๋‹ค. (2) ์‚ฌ์šฉ๋ฒ• ํƒœ๊ทธ๋Š” ํƒœ๊ทธ์ฒ˜๋Ÿผ ํ˜ผ์ž ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  "์†์„ฑ"์ด๋ผ๋Š” ๊ฒƒ๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.์‹œ์ž‘ ํƒœ๊ทธ์ธ ์˜ ์•ˆ์— "์†์„ฑ"๊ณผ "์†์„ฑ๊ฐ’"์„ ๊ธฐ์žฌ ํ›„ "์ฝ˜ํ…์ธ ", ๊ทธ๋ฆฌ๊ณ ๋งˆ์ง€๋ง‰์—” ์ข…๋ฃŒ ํƒœ๊ทธ๋ฅผ ๋‹ฌ์•„ ์ฃผ๋ฉด ๋œ๋‹ค. : ์‹œ์ž‘, ์˜คํ”ˆ ํƒœ๊ทธ : ์ข…๋ฃŒ, ํด๋กœ์ฆˆ ํƒœ๊ทธ ์—ฌ๊ธฐ์„œ "์†์„ฑ"์€ href์™€ target ๊ทธ๋ฆฌ๊ณ  id ์„ธ๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.โ–ถ href : ํด๋ฆญ์‹œ ์ด๋™ ํ•  ๋งํฌโ–ถ target : ๋งํฌ๋ฅผ ์—ฌ๋Š” ๋ฐฉ๋ฒ•โ–ถ id : ์ฑ…๊ฐˆํ”ผ ์—ญํ• (๋‚ด๋ถ€ ๋งํฌ)(๊ณผ๊ฑฐ name ์†์„ฑ์˜ ์—ญํ• ์ด HTML5๊ฐ€ ๋˜๋ฉด์„œ ํ์ง€๋˜๋ฉด์„œ ๋Œ€์ฒด๋กœ ์‚ฌ์šฉ๋œ๋‹ค๊ณ  ํ•จ.) ์—ฌ๊ธฐ์„œ "์†์„ฑ๊ฐ’"์€ _self, _blank, _parent, _top ๋“ฑ์œผ๋กœ ์กด์žฌํ•˜๋Š”๋ฐ,โ–ถ _self : ํ˜„์žฌ ..
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์Šคํ‚จ ๊พธ๋ฏธ๊ธฐ [pํƒœ๊ทธ] ํƒœ๊ทธ (1) ์ •์˜ ๋‹จ๋ฝ์„ ํ‘œํ˜„ํ• ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ๋กœ paragraph(๋‹จ๋ฝ)์˜ ์ค„์ž„๋ง์ด๋ผ๊ณ  ํ•œ๋‹ค. (2) ์‚ฌ์šฉ๋ฒ• ์™€ ์‚ฌ์ด์— ์“ฐ๊ณ ์žํ•˜๋Š” ๋‚ด์šฉ์„ ๊ธฐ์žฌํ•˜๋ฉด ๋œ๋‹ค. : ์‹œ์ž‘, ์˜คํ”ˆ ํƒœ๊ทธ : ์ข…๋ฃŒ, ํด๋กœ์ฆˆ ํƒœ๊ทธ (3) ์‹ค์Šต ATOM ์œผ๋กœ ์ด์šฉํ•˜์—ฌ pํƒœ๊ทธ๋ฅผ ์‹ค์Šต ํ•ด๋ณด์ž. .html ํŒŒ์ผ๋กœ ์ €์žฅ ํ›„ ๊ฒฐ๊ณผ ๊น”๋”ํ•˜๊ฒŒ ์ถœ๋ ฅ๋˜๋Š” ๋ชจ์Šต์„ ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋‹ค.๋ฟŒ๋“ฏํ•˜๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ํ•œ์ค„ ๋” ์ถ”๊ฐ€ํ•ด ๋ณด์ž. ์œ„์— ์‹ค์Šตํ•ด๋ณธ pํƒœ๊ทธ ๋ฐ‘์— ํ•œ์ค„ ์ถ”๊ฐ€ํ•˜์—ฌ ํ™•์ธํ•˜๋ ค ํ–ˆ๋Š”๋ฐ, ๊ถ๊ธˆํ•ด์„œ ์˜†์—๋„ ์จ๋ดค๋‹ค. ์˜ค..pํƒœ๊ทธ๋ฅผ ๋ฐ‘์— ์ถ”๊ฐ€ํ•˜๋‹ˆ ๋ฐ‘์— ๊ธ€์ด ์จ์กŒ๋‹ค.๊ถ๊ธˆํ•ด์„œ์˜†์— ์ผ๋˜ pํƒœ๊ทธ๋Š” ๊ทธ ๋ฐ‘์— ๊ธ€์ด ์จ์กŒ๋‹ค. ๊ตฟ ์ด์–ด๋ณด๊ธฐ โ˜ž [HTML] ์™•์ดˆ๋ณด์˜ aํƒœ๊ทธ ์‚ฌ์šฉ
์ฑ…๋ณด๊ณ  ๋ฌด์ž‘์ • ๋”ฐ๋ผํ•˜๋Š” ์›น ์‚ฌ์ดํŠธ ์„ค๊ณ„ - 1ํŽธ - ์ฑ…๋ณด๊ณ  ๋ฌด์ž‘์ • ๋”ฐ๋ผํ•˜๋Š” ์›น ์‚ฌ์ดํŠธ ์„ค๊ณ„ - 1ํŽธ - ์†Œํ”„ํŠธ์›จ์–ด์™€ ์›น ์‚ฌ์ดํŠธ์— ๋Œ€ํ•œ ์ง€์‹์ด ๊ฑฐ์˜ ์—†๋Š” ์ƒํƒœ์—์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋”์šฑ ๋ฉ‹์ง€๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๋…ธ๋ ฅ ์ค‘ ํ•˜๋‚˜๋กœ, ์›น ์‚ฌ์ดํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ์–ธ์–ด ๋ฐ ๊ด€๋ จ ์ง€์‹๋“ค์„ ์Šต๋“ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ๋ฉ”๋ชจํ•œ๋‹ค๋Š” ๋А๋‚Œ์œผ๋กœ ์ง„ํ–‰๋˜๋‹ˆ ์ฐธ๊ณ ํ•ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. ( _ _ ) 1. ๊ฐœ์š” ์›น ์‚ฌ์ดํŠธ๋Š” ์•„๋ž˜์˜ ์„ธ ๊ฐ€์ง€ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. โ–ถ HTML (๊ตฌ์กฐ ์žก๊ธฐ) โ–ถ CSS (์˜ท ์ž…ํžˆ๊ธฐ) โ–ถ JAVAscript (๋™์ž‘ํ•˜๊ธฐ) (1) HTML : ์›น ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•˜์—ฌ ๋ณด์ด๋Š” ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€(๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ) ๋“ฑ์— ๋Œ€ํ•œ ์ •๋ณด ๋“ฑ์„ ์ž…๋ ฅ. (2) CSS : ์ž…๋ ฅ๋œ ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€ ๊ทธ๋ฆฌ๊ณ  ๋ฐฐ๊ฒฝ ๋“ฑ์„ ์›ํ•˜๋Š” ์œ„์น˜์— ๋ฐฐ์น˜ํ•˜๊ณ  ์ƒ‰์„ ์ž…ํžˆ๋Š” ๋“ฑ ๊พธ๋ฉฐ์ฃผ๋Š” ๊ฒƒ. (3) JAVAscri..