3-4. html ํ•˜์ดํผ๋งํฌ ํƒœ๊ทธ<a>

2021. 10. 9. 00:29ใ†HTML + CSS + JS

728x90

์›น์‚ฌ์ดํŠธ์—์„œ ๋งํฌ ์—ฐ๊ฒฐ์€ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜์ด๋‹ค. 

์ด๋•Œ ๋งํฌ ์—ฐ๊ฒฐ์€ <a>..</a> ํƒœ๊ทธ๋กœ ๋งŒ๋“ ๋‹ค. 

 

<a>ํƒœ๊ทธ์—์„œ img ๋ฅผ ์ง€์ •ํ•ด์ฃผ๋ฉด ์ด๋ฏธ์ง€ ๋งํฌ๊ฐ€ ๋˜๊ณ , ํ…์ŠคํŠธ๋กœ ์ง€์ •ํ•ด์ฃผ๋ฉด ํ…์ŠคํŠธ ๋งํฌ๊ฐ€ ๋œ๋‹ค. 

href ์†์„ฑ์„ ์‚ฌ์šฉํ•ด์„œ ๊ฒฝ๋กœ๋ฅผ ์ง€์ •ํ•ด์ค€๋‹ค. 

 

1. ํ…์ŠคํŠธ ๋งํฌ 

 

2. ์ด๋ฏธ์ง€ ๋งํฌ 

 

์ด๋•Œ ๊ธฐ๋ณธ ์„ค์ •์€ ์ด ํ•˜์ดํผ๋งํฌ๋ฅผ ๋ˆ„๋ฅด๋ฉด ๊ธฐ์กดํŽ˜์ด์ง€์—์„œ ์ง€์ •ํ•œ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๊ฒŒ ๋˜๋Š”๋ฐ,

์›๋ž˜ ํŽ˜์ด์ง€๋กœ ๋Œ์•„๊ฐ€๊ณ ์‹ถ์œผ๋ฉด ๋’ค๋กœ๊ฐ€๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ์•ผํ•˜๋Š” ๋‹ค์†Œ ๋ถˆํŽธํ•œ ์ ์ด ์กด์žฌํ•œ๋‹ค. 

 

๋”ฐ๋ผ์„œ target = "_blank"๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ๋ฉด ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€์—์„œ ์›น ๋ฌธ์„œ๊ฐ€ ์—ด๋ฆฌ๊ฒŒ ๋œ๋‹ค!

 

728x90