하이퍼텍스트 마크업 언어 – HTML
HTML(HyperText Markup Language)μ΄λ 무μμ λκΉ?
HTML(HyperText Markup Language)μ μΈν°λ·μ νμνκΈ° μν΄ νμΌμ μ½μ λ λ§ν¬μ κΈ°νΈ λλ μ½λμ μ§ν©μ λλ€. λ§ν¬μ μ μΉ λΈλΌμ°μ μ μΉ νμ΄μ§μ λ¨μ΄μ μ΄λ―Έμ§λ₯Ό νμνλ λ°©λ²μ μλ €μ€λλ€.
κ° κ°λ³ μ‘°κ° λ§ν¬μ μ½λ("<"μ ">" μ¬μ΄μ μμΉ)λ₯Ό μμλΌκ³ νμ§λ§ λ§μ μ¬λλ€μ΄ μ΄λ₯Ό νκ·ΈλΌκ³ λ ν©λλ€. μΌλΆ μμλ μΌλΆ λμ€νλ μ΄ ν¨κ³Όκ° μμλκ³ μ’ λ£λ λλ₯Ό λνλ΄λ μμΌλ‘ μ 곡λ©λλ€.
HTML μ€λͺ
HyperText Markup Languageλ μΉμ¬μ΄νΈ μμ±μ μ©μ΄νκ² νλ μ»΄ν¨ν° μΈμ΄μ λλ€. λ€λ₯Έ μΈμ΄μ λ§μ°¬κ°μ§λ‘ μ½λ λ¨μ΄μ κ΅¬λ¬Έμ΄ μλ μΈμ΄λ μλμ μΌλ‘ μ΄ν΄νκΈ° μ½κ³ μκ°μ΄ μ§λ¨μ λ°λΌ λκ΅°κ°κ° λ§λ€ μ μλ λ₯λ ₯μ΄ μ μ λ κ°λ ₯ν΄μ§λλ€. HTMLμ μΈμ΄λ₯Ό μ€κ³νκ³ μ μ§ κ΄λ¦¬νλ μ‘°μ§μΈ World Wide Web Consortiumμ κ°μ₯νμ¬ μΈν°λ·μ μꡬ μ¬νκ³Ό μꡬ μ¬νμ μΆ©μ‘±νλλ‘ κ³μ λ°μ νκ³ μμ΅λλ€. μλ₯Ό λ€μ΄ Web 2.0 μΌλ‘μ μ νκ³Ό ν¨κ» .
νμ΄νΌν μ€νΈλ μΈν°λ· μ¬μ©μκ° μΉμ νμνλ λ°©λ²μ λλ€. νμ΄νΌλ§ν¬λΌλ νΉμ ν μ€νΈλ₯Ό ν΄λ¦νλ©΄ μ¬μ©μκ° μ νμ΄μ§λ‘ μ΄λν©λλ€. νμ΄νΌλ₯Ό μ¬μ©νλ€λ κ²μ μ νμ μ΄μ§ μλ€λ κ²μ μλ―Ένλ―λ‘ μ¬μ©μλ μ¬μ© κ°λ₯ν λ§ν¬λ₯Ό ν΄λ¦νκΈ°λ§ νλ©΄ μΈν°λ·μ μ΄λ κ³³μ΄λ κ° μ μμ΅λλ€. λ§ν¬μ μ HTML νκ·Έκ° νκ·Έ μμ ν μ€νΈμ μννλ μμ μ λλ€. κ·Έλ€μ κ·Έκ²μ νΉμ μ νμ ν μ€νΈλ‘ νμν©λλ€. μλ₯Ό λ€μ΄, λ§ν¬μ ν μ€νΈλ λ¨μ΄λ ꡬμ λν νΉμ μ£Όμλ₯Ό λκΈ° μν΄ λ³Όλ체 λλ μ΄ν€λ¦μ²΄μ ννλ‘ μ 곡λ μ μμ΅λλ€.
νμ΄νΌν μ€νΈ λ§ν¬μ μΈμ΄ κΈ°μ΄
κΈ°λ³Έμ μΌλ‘ HTMLμ ν μ€νΈ νμΌμ μ λ ₯λ μΌλ ¨μ 짧μ μ½λμ λλ€. μ΄λ€μ HTMLμ κΈ°λ₯μ κ°ννλ νκ·Έμ λλ€. ν μ€νΈλ HTML νμΌλ‘ μ μ₯λκ³ μΉ λΈλΌμ°μ λ₯Ό ν΅ν΄ λ³Ό μ μμ΅λλ€. λΈλΌμ°μ λ νμΌμ μ½κ³ μμ±μκ° κ°μμ λ λλ§μ΄ λλ κ²μ μμ±νλ λ° μ¬μ©ν μ½λμ μ§μμ λ°λΌ ν μ€νΈλ₯Ό κ°μμ νμμΌλ‘ λ³νν©λλ€. HTMLμ μμ±νλ €λ©΄ μμ±μμ λΉμ μ λ§λ€κΈ° μν΄ νκ·Έλ₯Ό μ¬λ°λ₯΄κ² μ¬μ©ν΄μΌ ν©λλ€.
νκ·Έλ HTML μ½λμμ μΌλ° ν μ€νΈλ₯Ό ꡬλΆνλ κ²μ λλ€. νκ·Έλ μΉ νμ΄μ§μ κ·Έλν½, μ΄λ―Έμ§ λ° νλ₯Ό νμν μ μλλ‘ νλ κΊΎμ κ΄νΈ μ¬μ΄μ λ¨μ΄μ λλ€. λ€λ₯Έ νκ·Έλ λ€λ₯Έ κΈ°λ₯μ μνν©λλ€. κ°μ₯ κΈ°λ³Έμ μΈ νκ·Έλ ν μ€νΈμ μμμ μ μ©ν©λλ€. μΉ μΈν°νμ΄μ€κ° λ³΄λ€ λμ μΌλ‘ λ³ν΄μΌ νλ―λ‘ CSS(Cascading Style Sheets) λ° JavaScript μμ© νλ‘κ·Έλ¨μ μ¬μ©ν μ μμ΅λλ€. CSSλ μΉ νμ΄μ§μ μ κ·Όμ±μ λμ΄κ³ JavaScriptλ κΈ°λ³Έ HTMLμ κΈ°λ₯μ μΆκ°ν©λλ€.
HTML λ XML
HTMLκ³Ό λ¬λ¦¬ Extensible Markup Language λλ XMLμ μ¬μ©νλ©΄ μ¬μ©μκ° μμ μ λ§ν¬μ
μ μ μν μ μμ΅λλ€. μλ₯Ό λ€μ΄, XMLμ μ¬μ©νμ¬ ν μ¬μ©μλ
HTMLμ μ¬μ©νλ©΄ νλμ 미리 κ²°μ λ νκ·Έλ§ νΉμ μ νμ μ 보λ₯Ό λνλ΄λ λ° μ¬μ©ν μ μμ΅λλ€. XML λ¬Έμλ μ¬μ©μ μ μ νκ·Έλ₯Ό ν¬ν¨νκ³ λ¬Έμκ° λ§ν¬μ κ³Ό μ½ν μΈ λ‘λ§ κ΅¬μ±λμ΄ μκΈ° λλ¬Έμ μ½κΈ° μ½μ΅λλ€.
νμ΄λΌμ΄νΈ
HTML(HyperText Markup Language)μ μΉ λΈλΌμ°μ μμ μλ μμ΄λ μΉμμ νμ΄μ§λ₯Ό λ λλ§νλ λ° μ¬μ©νλ κΈ°λ³Έ μ€ν¬λ¦½ν μΈμ΄μ λλ€.
HTMLμ μ΄κΈ° λ²μ μ μ μ (Web 1.0)μ΄μμ§λ§, μ΅μ λ²μ μ μλΉν λμ μ μ°μ±(Web 2.0, 3.0)μ νΉμ§μΌλ‘ ν©λλ€.
λ§ν¬μ μ λ κ°μ λΎ°μ‘±ν λκ΄νΈ(μ: <κ°μ£Ό>) μ¬μ΄μ λνλλ ν μ€νΈμ΄κ³ λ΄μ©μ κ·Έ μΈμ λͺ¨λ κ²μ λλ€.
νμ΄νΌν μ€νΈλ₯Ό μ¬μ©νλ©΄ μ¬μ©μκ° λ§ν¬λ₯Ό ν΄λ¦νκ³ ν΄λΉ λ§ν¬μμ μ°Έμ‘°νλ μ νμ΄μ§λ‘ 리λλ μ ν μ μμ΅λλ€.