Blog/Tistory. ์„œ์‹ ํŒŒ์ผ

[๋ชฉ์ฐจ ๋งํฌ] ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€ ๋ชฉ์ฐจ ๋งํฌ ๋งŒ๋“ค๊ธฐ (HTML ๊ธฐ๋ณธ ์„œ์‹ ํŒŒ์ผ ๋ฐ ๋‚ด๋ถ€ ๋งํฌ ์ฝ”๋“œ ์ฒจ๋ถ€)

๋ชฝ๋ฌผ๊ณ ๊ธฐ๐“†œ 2023. 6. 2. 15:52
728x90
728x90

์„œ์‹ ์ž‘์„ฑ ์ด์ „, ๊ธฐ๋ณธ ์…‹ํŒ…์— ๋Œ€ํ•˜์—ฌ๋Š” ์•„๋ž˜ ๋งํฌ๋ฅผ ํ†ตํ•ด ํ™•์ธํ•ด๋ณผ ์ˆ˜ ์žˆ๋‹ค. 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 01] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์‹œ์ž‘.. : ๋„ค์ด๋ฒ„๋ธ”๋กœ๊ทธ (naver.com)

 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 01] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์‹œ์ž‘์— ์•ž์„œ ๊ธฐ๋ณธ ์…‹ํŒ… ๋ฐฉ๋ฒ•

์˜ˆ์ „์— ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์‹œ์ž‘ํ•œ ์ ์ด ์žˆ๋‹ค. ๋‹น์‹œ์—๋Š” ํŽธ์ž…๋„ ์ค€๋น„ํ–ˆ์—ˆ๊ณ , ์—ฌ๋Ÿฌ๊ฐ€์ง€๋กœ ์ผ์ด ๋งŽ์•„์„œ ์‹œ์ž‘๋งŒ...

blog.naver.com

ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€ ๋ชฉ์ฐจ ๋งํฌ ๋งŒ๋“ค๊ธฐ

 

๋จผ์ € ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ๋ชฉ์ฐจ๋ฅผ ๋งŒ๋“ค์–ด ๋‚ด ์„ฑํ–ฅ์— ๋งž๊ฒŒ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์žฅ์ ์ด ์ž‡๋‹ค. 

 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ชฉ์ฐจ๋Š” ์ž๋™์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•๊ณผ ์„œ์‹์„ ๋งŒ๋“ค์–ด ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”๋ฐ, 

์ž๋™ ๋ชฉ์ฐจ๋Š” ํŒŒ์ผ์„ ์”Œ์›Œ HTML ๊ณผ CSS๋ฅผ ํŽธ์ง‘ํ•ด ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. 

ํŽธ๋ฆฌํ•˜๋‹ค๋Š” ์žฅ์ ์ด ์žˆ์ง€๋งŒ, ๊ฐ€๋” ์˜ค๋ฅ˜๊ฐ€ ๋‚˜๋ฉด ์ „์ฒด์ ์œผ๋กœ ๋ชจ๋‘ ์ˆ˜์ •ํ•ด์•ผ ํ•œ๋‹ค๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์ด ์žˆ์–ด, 

ํ•„์ž๋Š” ์„œ์‹์„ ์ด์šฉํ•˜์—ฌ ๋ชฉ์ฐจ๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ๋‹ค. 

 

ํ•ด๋‹น ์„œ์‹์˜ ์ „์ฒด์ ์ธ ํฌ์ŠคํŒ…์„ ํ™•์ธํ•˜๋ ค๋ฉด ์•„๋ž˜๋ฅผ ํด๋ฆญํ•˜๋ฉด  ์ผ๋ชฉ์š”์—ฐํ•˜๊ฒŒ ์ •๋ฆฌ๋˜์–ด ์žˆ๋‹ค. 

 


โ… . ๋‚ด๋ถ€ ๋งํฌ๋ฅผ ๊ฑธ ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋ณธ ๋ชฉ์ฐจ ์„œ์‹ ๋งŒ๋“ค๊ธฐ 

 

1.  ๋‚ด๋ถ€ ๋งํฌ ๋ฐ ๊ธฐ๋ณธ ์„œ์‹์˜ ํ•„์š”์„ฑ

 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ "H ํƒœ๊ทธ" ๋ผ๋Š” ๋ง์„ ๋งŽ์ด ๋“ค์—ˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. 

H ํƒœ๊ทธ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. 

H1 - ์ „์ฒด ์ œ๋ชฉ (์—ฌ๊ธฐ์„œ ํ•œ ํฌ์ŠคํŒ…์— H1์ด ์—ฌ๋Ÿฌ๋ฒˆ ์ค‘๋ณต๋˜๋ฉด ์ƒ‰์ธ์ด ๋˜์ง€ ์•Š์œผ๋‹ˆ ์ฃผ์˜ โ€ป )
H2 - ์ œ๋ชฉ 1
H3 - ์ œ๋ชฉ 2
H4 - ์ œ๋ชฉ 3

 

์ด ๋ถ€๋ถ„์ด ์ •๋ฆฌ๋˜์–ด ์žˆ์–ด์•ผ, ์ข‹์€ ํ’ˆ์งˆ์˜ ํฌ์ŠคํŒ…์œผ๋กœ ํ‰๊ฐ€๋˜๊ธฐ ๋•Œ๋ฌธ์—,

์—๋“œ์„ผ์Šค์˜ ์Šน์ธ์„ ์œ„ํ•ด์„œ๋ผ๋ฉด ๊ฐ€ํฌ ํ•„์ˆ˜์ ์ด๋ผ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. 

 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์—์„œ ๋‚ด๋ถ€ ๋งํฌ๋ฅผ ๋‹ฌ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋จผ์ € ์ƒ๊ธฐ Hํƒœ๊ทธ์˜ ์ดํ•ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ

์ง์ ‘ HTML ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•ด์•ผ ๊ฐ€๋Šฅํ•œ ๋ถ€๋ถ„์ด๊ธฐ ๋•Œ๋ฌธ์—, 

์ƒ๋‹นํžˆ ๋ฒˆ๊ฑฐ๋กญ๋‹ค. 

 

๋•Œ๋ฌธ์—, ๋ชฉ์ฐจ์™€ ๋งํฌ๋ฅผ ๋‹ฌ๊ธฐ ์œ„ํ•ด์„œ๋Š” ์„œ์‹์ด ํ•„์ˆ˜์ ์ด๋ผ ํ•  ์ˆ˜ ์žˆ๊ฒ ๋‹ค. 



2. HTML๋กœ ์ •๋ฆฌ๋˜์–ด ์žˆ๋Š” ๊ธฐ๋ณธ ์„œ์‹ ํŒŒ์ผ ๋‹ค์šด ๋ฐ›๊ธฐ

 

๊ธฐ๋ณธ์ ์ธ ์„œ์‹ ์ž‘์„ฑ ๋ฐฉ๋ฒ•์— ๊ด€ํ•˜์—ฌ๋Š” ์ด ๊ณณ์—์„œ ๋งํ•œ๋ฐ”์™€ ๊ฐ™์ด ์ •๋ฆฌ๋˜์–ด ์žˆ๋Š” ํฌ์ŠคํŒ…์„ ํ™•์ธํ•˜๋ฉด 

์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

์šฐ์„  ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ธฐ๋ณธ์ ์ธ ์„œ์‹ ํŒŒ์ผ์„ ์ •๋ฆฌํ•ด๋†“์•˜๋‹ค. 

 

ํ‹ฐ์Šคํ† ๋ฆฌ ์„œ์‹- ๊ธฐ๋ณธ.txt
0.01MB

 

 

 


โ…ก. ์„œ์‹์— ๋‚ด๋ถ€ ๋งํฌ ์ ์šฉํ•˜๊ธฐ

 

1.  ์„ค์ •  > ์„œ์‹๊ด€๋ฆฌ > ์„œ์‹์“ฐ๊ธฐ 

 

์„ค์ •  > ์„œ์‹๊ด€๋ฆฌ > ์„œ์‹์“ฐ๊ธฐ

 

์šฐ์„  ์ƒ๊ธฐ์™€ ๊ฐ™์ด ์„œ์‹ ์“ฐ๊ธฐ๋ฅผ ๋ˆŒ๋Ÿฌ์ฃผ์–ด ์„œ์‹์„ ์ž‘์„ฑํ•˜๋„๋ก ํ•œ๋‹ค. 

 


 

2.  HTML ๋ชจ๋“œ > HTML ์ฝ”๋“œ ๋ถ™์—ฌ๋„ฃ๊ธฐ 

HTML ๋ชจ๋“œ > HTML ์ฝ”๋“œ ๋ถ™์—ฌ๋„ฃ๊ธฐ
HTML ๋ชจ๋“œ > HTML ์ฝ”๋“œ ๋ถ™์—ฌ๋„ฃ๊ธฐ

 

 HTML ๋ชจ๋“œ์—์„œ  HTML ์ฝ”๋“œ๊ฐ€ ์ ํ˜€์ ธ ์žˆ๋Š” ํ…์ŠคํŠธ ํŒŒ์ผ์˜ ๋‚ด์šฉ์„  ๋ถ™์—ฌ๋„ฃ๋Š”๋‹ค.  

 ์ดํ›„ ๊ธฐ๋ณธ๋ชจ๋“œ๋กœ ์ž˜ ์ ์šฉ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•ด๋ณธ๋‹ค. 

์ž˜ ์ ์šฉ๋œ ๊ฒƒ
์ž˜ ์ ์šฉ๋œ ๊ฒƒ

์ƒ๊ธฐ ์ด๋ฏธ์ง€์™€ ๊ฐ™๋‹ค๋ฉด ์ž˜ ์ ์šฉ๋œ ๊ฒƒ์ด๋‹ค. 

 

 


 

3. HTML ๋ชจ๋“œ > "a href" ์ฝ”๋“œ ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ, ๋ชฉ์ฐจ ๋ถ€๋ถ„์— ๋ถ™์—ฌ๋„ฃ๊ธฐ 

 

๋‹ค์‹œ HTML ๋ชจ๋“œ๋กœ ๊ฐ€์„œ ๋ชฉ์ฐจ ๋ถ€๋ถ„์„ ํ™•์ธํ•ด๋ณธ๋‹ค. 

(๊ธ€์”จ ์‚ฌ์ด์ฆˆ๋ฅผ ์ทจํ–ฅ์— ๋งž๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค. )

์•„๋ž˜ ๋„ค๋ชจ ๋ฐ•์Šค์— ๋ถ™์—ฌ๋„ฃ์„ ์˜ˆ์ •์ด๋‹ค. 

 

a href ์ฝ”๋“œ.txt
0.00MB

 

 ์ƒ๊ธฐ ์ฒจ๋ถ€๋˜์–ด ์žˆ๋Š” ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œ ํ•œ ๋’ค, ํ•ด๋‹น ๋ถ€๋ถ„์— ์ ์šฉํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 

 

ํ•ด๋‹น ๋งํฌ๊ฐ€ ์˜ฎ๊ฒจ์งˆ ๋ถ€๋ถ„์„ ์ฐพ์•„

๋‹ค์Œ ์ฒจ๋ถ€๋œ ์ฝ”๋“œ๋ฅผ ๋„ฃ์–ด์ค€๋‹ค. 

 

p id=01brP.txt
0.00MB

 

#01 = id 01์ด ๋˜๊ณ , 

#02 = id 02๊ฐ€ ๋˜๋Š” ํ˜•ํƒœ์ด๋‹ค. 

 

์›ํ•˜๋Š” ๋ถ€๋ถ„์— ์‚ฝ์ž…ํ•ด์ฃผ๋ฉด ๋œ๋‹ค. 

 


 

4. ํฌ์ŠคํŒ… ํŽธ์ง‘ ์ค‘์—๋Š” ๋งํฌ ์ž‘๋™์ด ์•ˆ๋˜๋‹ˆ, ํฌ์ŠคํŒ… ์™„๋ฃŒ ํ›„ ํ™•์ธํ•ด๋ณด๊ธฐ 

 

๋ง ๊ทธ๋Œ€๋กœ, 

ํฌ์ŠคํŒ… ํŽธ์ง‘ ์ค‘์—๋Š” ๋งํฌ ์ž‘๋™์ด ์•ˆ๋˜๋‹ˆ, ํฌ์ŠคํŒ… ์™„๋ฃŒ ํ›„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. 

์ž˜ ์ž‘๋™์ด ๋˜๋Š”์ง€ ํ™•์ธํ•ด๋ณด๋ฉด ๋œ๋‹ค. 

 

 

 

 

 

 


 

์ด์™ธ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์— ๊ด€ํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ํ†ตํ•ด ํ™•์ธํ•ด๋ณผ ์ˆ˜ ์žˆ๋‹ค. 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 02 ] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ฒ€.. : ๋„ค์ด๋ฒ„๋ธ”๋กœ๊ทธ (naver.com)

 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 02 ] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)

1. ํฌ์ŠคํŠธ ์ฃผ์†Œ ๋ฌธ์ž๋กœ ์„ค์ •ํ•˜๊ธฐ 2. ๊ตฌ๊ธ€๋ด‡ ์ ‘๊ทผ์„ ์œ„ํ•œ ๋ฉ”ํƒ€ํƒœ๊ทธ ๋“ฑ๋ก๋ฐฉ๋ฒ• 3. ๊ตฌ๊ธ€ ์„œ์น˜ ์ฝ˜์†” ํ”„๋กœ๊ทธ๋žจ ํ™œ...

blog.naver.com

 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 03 ] ํ‹ฐ์Šคํ† ๋ฆฌ ์คŒ(Zum.. : ๋„ค์ด๋ฒ„๋ธ”๋กœ๊ทธ (naver.com)

 

[์—๋“œ์„ผ์Šค ๋„์ „๊ธฐ 03 ] ํ‹ฐ์Šคํ† ๋ฆฌ ์คŒ(Zum)์—”์ง„, ๋น™(Bing)์—”์ง„, ๋„ค์ดํŠธ(Nate)์—”์ง„ ์ตœ์ ํ™”(SEO)

1. ์คŒ(Zum)์—”์ง„ ๋“ฑ๋กํ•˜๊ธฐ 2. ๋น™(Bing)์—”์ง„ ๋“ฑ๋กํ•˜๊ธฐ 3. ๋„ค์ดํŠธ(Nate)์—”์ง„ ๋“ฑ๋กํ•˜๊ธฐ #์คŒ #Zum์—”์ง„ ์คŒ Z...

blog.naver.com

 

 


 

 

 

 

 

728x90
728x90