HTML 기초 문법
HTML이란?
HTML(Hyper Text Markup Language)을 각 단어의 뜻을 순서대로 살펴보며 HTML의 의미와 목적에 대해 알아보겠습니다.
하이퍼 텍스트(Hypertext)는 하이퍼 링크를 이용해 독자가 원하는 순서에 따라 기존 문서에서 다른 문서로 접근할 수 있는 텍스트입니다. 즉, 하이퍼 텍스트는 책처럼 한 장 한 장 차례대로 내용을 읽는 전통적인 텍스트 접근 방식이 아닌, 링크라는 통로를 통해 원하는 페이지로 바로 도착하는 접근 방식을 가지고 있습니다.
마크업(Mark Up)이란 어떠한 표시를 뜻하며, 마크업 언어(Markup Language)는 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어를 지칭합니다.
이제까지의 설명을 종합해보면 HTML은 웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어라는것을 알 수 있습니다.
HTML의 구성요소 4가지
HTML의 구성요소는 요소(Element), 태그(Tag), 속성(Attribute), 변수(Arguments) 4가지가 있다.
- 요소(Element) - HTML에서 시작과 종료 태그로 나타내지는 모든 명령어들을 뜻한다.
- 태그(Tag) - 시작 태그와 종료 태그 두가지 종류가 있다. 시작 태그는 요소를 시작하고, 종료 태그는 요소를 끝내준다. 일부 태그 중에서는( 예시) <br>태그는 종료 태그가 없다.)종료 태그(단일 태그 (empty element))가 없는 것도 있다. 태그를 예를들어 써보면 <p> 와 </p>이렇게 만들어진 것을 태그라고 한다.
- 속성(Attribute) - 시작부터 종료 태그 안에서 사용하는 것으로 구체화된 명령어를 말한다. 예시) <p>의 align이나 border라는 속성을 사용.
- 변수(Arguments) - 속성과 관련된 값이다. 예시) align = "top" 이라 할 때 변수는 top이다.