[HTML.004]HTML이란?

[HTML.004]HTML이란?

 

HTML 이란?

• HTML은 웹 페이지를 만들 때 사용하는 언어로서 단어의 영어 뜻은 다음과 같다.
• HTML : Hypertext Markup Language (하이퍼텍스트 마크업 언어)
• Hyper : 초월한, ~ 위의, 엄청난
• Text: 문자, 문서
• Markup Language:  마크(or 태그) 등을 이용하여 문서의 구조를 표시하는 언어의 한 가지로서,
  태그는 원래 글자의 교정부호나 설명을 나타내기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.
  

  (참고) infra < sub < hypo < ultra < super < hyper hyper- : over, beyond, over much, above measure ultra- : beyond super- : over, above, higher than

 

HTML 요소(Element)의 구조

HTML 요소(출처:MDN Web Docs)

 

• 여는 태그(Opening tag): 이것은 요소의 이름과(이 경우 p), 열고 닫는 꺽쇠 괄호로 구성됩니다. 요소가 시작(이 경우 단락의 시작 부분)부터 효과가 적용되기 시작합니다.
• 닫는 태그(Closing tag): 이것은 요소의 이름 앞에 슬래시(/)가 있는것을 제외하면 여는 태그(opening tag)와 같습니다. 이것은 요소의 끝(이 경우 단락의 끝 부분)에 위치합니다.  닫는 태그를 적어주지 않는 것은 흔한 초심자의 오류이며, 이것은 이상한 결과를 낳게됩니다.
• 내용(Content): 요소의 내용이며, 위의 경우는 단순한 텍스트이다.
• 요소(Element): 여는 태그, 닫는 태그, 내용을 통틀어 요소(element)라고한다.

 

HTML 코딩 예시

See the Pen Untitled by wootekken (@wootekken) on CodePen.