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

๋ชฉ๋ก์ด ์—†์Šต๋‹ˆ๋‹ค.

[IT๊ธฐ์ดˆ๊ฐœ๋…]HTML ๊ธฐ๋ณธ(๊ธฐ์ดˆ) ๊ฐœ๋…

๐Ÿ”‘ Basic Concept
    ๋ฐ˜์‘ํ˜•





    ํƒ„์ƒ ๋ฐฐ๊ฒฝ


    ์‰ฝ๊ฒŒ ๋งํ•˜๋ฉด ์–ด๋–ค ์—ฐ๊ตฌ์†Œ์˜ ๊ณ„์•ฝ์ง์œผ๋กœ ์ข…์‚ฌํ•˜๋˜ ๋ฌผ๋ฆฌํ•™์ž๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ

    ์ด ํ•™์ž๋Š” ์—ฐ๊ตฌ ์ž๋ฃŒ๋“ค์„ ์‹ ์†ํ•˜๊ฒŒ ๊ณต์œ ํ•  ๋ฐฉ๋ฒ•

    ๊ทธ๋ฆฌ๊ณ  ํ˜‘์—…์„ ํšจ์œจ์ ์œผ๋กœ ํ•  ๋ฐฉ๋ฒ•์„ ๊ณ ๋ฏผํ–ˆ๋‹ค.


    ๊ทธ๋ž˜์„œ ๋‚˜์˜จ ๊ฒƒ์ด ๋ฐ”๋กœ WWW(World Wide Web)

    ์ธํ„ฐ๋„ท์ด๋‹ค.






    ์ฒ˜์Œ ๋‚˜์˜จ ์ธํ„ฐ๋„ท์€ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ๋ช…๋ น์–ด๋ฅผ ์•Œ์•„์•ผ ํ–ˆ๋‹ค.

    ๊ทธ๋ž˜์„œ ์ปดํ“จํ„ฐ๋ฅผ ๋‹ค๋ฃฐ ์ค„ ๋ชจ๋ฅด๋Š” ์‚ฌ๋žŒ์€ ์‚ฌ์šฉํ•˜๊ธฐ๊ฐ€ ์–ด๋ ค์› ๋‹ค.

    ๋•Œ๋ฌธ์— ์—ฐ๊ตฌ์†Œ ์•ˆ์˜ ํ•™์ž๋“ค ํ˜น์€ ์ปดํ“จํ„ฐ ๊ด€๋ จ ์ „๊ณต์ž๋“ค๋งŒ์ด ์ธํ„ฐ๋„ท์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.


    ํ•™์ž๋Š” ํ•œ ๋ฒˆ ๋” ์ƒ๊ฐํ–ˆ๋‹ค.


    ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์‰ฝ๊ฒŒ ๋” ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ธํ„ฐ๋„ท์„ ์ด์šฉํ•  ์ˆ˜ ์žˆ์„๊นŒ?


    ํ•ด์„œ ๋‚˜์˜จ ๊ฒƒ์ด ๋ฐ”๋กœ ์›น ํŽ˜์ด์ง€๋‹ค.


    ์ด ์›น ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฌธ์„œ๊ฐ€ ๋ฐ”๋กœ

    ์ด๋ฒˆ ์ฃผ์ œ์ธ HTML์ด๋‹ค.







    HTML์˜ ์ „์ฒด ์ด๋ฆ„์€ Hyper Text Mark-up Language


    Hyper๋Š” Linear์˜ ๋ฐ˜๋Œ“๋ง๋กœ

    ์ˆœ์ฐจ์ ์˜ ๋ฐ˜๋Œ€ ์ฆ‰, ์ˆœ์ฐจ์ ์ด์ง€ ์•Š๋‹ค๋Š” ์˜๋ฏธ๋‹ค.


    ๊ทธ๋Ÿผ ๋ญ๊ฐ€ ์ˆœ์ฐจ์ ์ด์ง€ ์•Š๋ƒ?

    ๋ฐ”๋กœ ๋ฌธ์„œ(html - ์‚ฌ์ดํŠธ)๊ฐ„์˜ ์ด๋™์ด๋‹ค.




    ๊ทธ๋Ÿผ ๋งˆํฌ์—… ์–ธ์–ด(Mark-up Language)๋Š” ๋ญ๋ƒ?

    ์–ด๋–ค ๋ฌธ์„œ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž‘์„ฑํ•œ ์–ธ์–ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ํŽธํ•˜๋‹ค.


    ์‰ฝ๊ฒŒ ์˜ˆ๋ฅผ ๋“ค๋ฉด, ์ฑ…์„ ์ถœํŒํ•  ๋•Œ ํ‘œ์ง€๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค.

    ์ด ํ‘œ์ง€์˜ ๊ตฌ์„ฑ์ด ์ฑ…์˜ ์ฒซ ์ธ์ƒ์„ ๊ฒฐ์ •ํ•˜๋Š”๋ฐ


    "๋’ท๋ฉด์—๋Š” ์œ ๋ช… ์ธ์‚ฌ๋“ค์˜ ํ›„๊ธฐ๋“ค์„ ์ค‘๊ฐ„๋ถ€ํ„ฐ ๋„ฃ์–ด์ฃผ์‹œ๊ตฌ์š”,"


    "์•ž๋ฉด์—๋Š” ์ฑ…๊ณผ ๊ด€๋ จ๋œ ๊ทธ๋ฆผ์„ ํฌ๊ฒŒ ๋„ฃ์–ด์ฃผ์„ธ์š”."


    ์ด๋Ÿฐ๊ฒŒ ๋ฐ”๋กœ ๋งˆํฌ์—… ์–ธ์–ด์ด๋‹ค.


    ์‹ค์ œ๋กœ HTML์—์„œ๋Š” ์›น ํŽ˜์ด์ง€(ํ‘œ์ง€)๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ์–ธ์–ด๊ฐ€ HTML์ธ ๊ฒƒ์ด๋‹ค.






    GML(General Mark-up Language)์—์„œ ๋ฐœ์ „๋œ SGML(Standard General Mark-up Language)์—์„œ

    ํŒ€๋ฒ„๋„ˆ์Šค ๋ฆฌ๊ฐ€ <a>ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•ด์„œ ๋งŒ๋“ค์–ด๋‚ธ ๊ฒƒ์ด ๋ฐ”๋กœ HTML์ด๋‹ค.

    <a>ํƒœ๊ทธ๋Š” ๋‚˜์ค‘์— ๋งํ•˜์ง€๋งŒ ์ •๋ง ์ค‘์š”ํ•˜๊ณ  ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ

    ํ•˜์ดํผํ…์ŠคํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์ฆ‰, ๋งํฌ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค.


    ํƒœ๊ทธ๋กœ ์ด๋ฃจ์–ด์ง„ SGML์—์„œ ๋‚˜์˜จ ์–ธ์–ด์ด๋ฏ€๋กœ

     HTML๋„๊ธฐ๋ณธ ํ˜•์‹์€ ํƒœ๊ทธ ๋ช…๋ น์–ด ํ˜•์‹์œผ๋กœ ๋˜์–ด์žˆ๋‹ค.


    ์ €๋ ‡๊ฒŒ ์ƒ๊ธด ๋ฌธ์„œ๊ฐ€ ์–ด๋–ป๊ฒŒ ์šฐ๋ฆฌ๊ฐ€ ๋ณด๋Š” ์›น ํŽ˜์ด์ง€๊ฐ€ ๋˜๋Š”๊ฑฐ์•ผ?


    ์šฐ๋ฆฌ๊ฐ€ ๋ณด๋Š” ์›น ํŽ˜์ด์ง€๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €๋ผ๋Š” ํ”„๋กœ๊ทธ๋žจ์˜ ๋„์›€์„ ๋ฐ›์•„์„œ

    html ํ™•์žฅ์ž์˜ ํŒŒ์ผ์„ ํ•ด์„ํ•˜์—ฌ ๋ณธ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.


    ๊ทธ๋ฆผ์œผ๋กœ ์‰ฝ๊ฒŒ ์˜ˆ๋ฅผ ๋“ค๋ฉด


    ์ด๋Ÿฐ์‹์œผ๋กœ ์šฐ๋ฆฌ๊ฐ€ ํ‰์†Œ์— ๋ณด๋Š” ์ธํ„ฐ๋„ท์ด ๊ตฌํ˜„๋œ๋‹ค.






    ์˜ค๋Š˜์€ ๊ฐ„๋‹จํ•˜๊ฒŒ HTML์ด ์™œ ํƒ„์ƒํ–ˆ์œผ๋ฉฐ

    ๋ฌด์Šจ์—ญํ• ์„ ํ•˜๋Š”์ง€ ๊ทธ๋ฆฌ๊ณ  ์–ด๋–ป๊ฒŒ

    ๋™์ž‘ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด์„œ ์‚ดํŽด๋ดค๋‹ค.



    ๋ฐ˜์‘ํ˜•