태그
html은 태그들의 집합이며, 태그는 html에서 가장 중요하고 기본이 되는 규칙이다. 태그를 이용해 작성된 코드를 브라우저가 인식해서 내용을 표현하게 된다. 대부분의 태그는 시작태그와 종료 태그로 이루어지고, 종료태그는 태그 이름 앞에 /기호가 붙는다. 시작태그와 종료태그로 감싸진 부분이 내용으로 실제 화면 브라우저에 나타나는 부분이다.
요소는 내용을 포함한 태그 전체를 말한다.
태그는 html 뿐만 아니라 XML, SGML, XHTML등 다양한 마크업 언어에서 사용된다.
속성
태그에 추가적으로 정보를 제공하고, 태그의 동작이나 표현을 조절할 수 있는 설정값이다. 이름과 값으로 이루어져 있으며, 시작태그 안에 선언 할 수 있다. 이름과 속성 사이에는 =(이퀄사인)을 제외하고는 공백도 들어가면 안된다.
하나의 태그에 여러 속성을 선언할 수 있다. 속성의 선언 순서는 중요하지 않고,
속성끼리 공백으로 구분한다. 속성의 값은 아무 값이나 넣어도 된다.
속성은 종류에 따라 모든 태그에서 사용 가능한 글로벌한 속성,
특정 태그에서만 사용가능한 속성, 특정 태그에서 반드시 있어야 하는 필수 속성,
있어도 없어도 되는 선택적인 속성이 있다.
태그의 중첩
태그는 부모 태그를 벗어나지 않으면 태그 안에 또 태그를 선언하는 중첩 태그가 가능하다. 중첩이 얼마나 되는지 문제가 되지 않지만, 때에 따라 정해진 태그만 중첩 가능하기도 하다.
빈 태그
빈태그가 바로 중첩이 불가능한 태그이다. 태그는 기본적으로 시작 및 종료 태그가 한 쌍으로 이루어져 있는데, 빈태그는 시작 태그만 존재하고 종료 태그가 존재하지 않는다. 시작 태그와 종료 태그 사이에 실제 화면에 나타날 내용이 들어가는데 빈태그는 종료 태그가 없으므로 내용이 들어갈 수 없다. 이러한 태그들을 내용이 비어있다고 해서 빈 태그라고 한다. 내용만 없을 뿐 속성을 통해서 브라우저가 직접 내용을 그려줘서 화면에 나타나거나, 문서 내부적으로 부가적인 정보를 제공하는 등 다른 용도로 사용된다. 브라우저가 직접 내용을 그려줘서 화면에 나타나는 태그들은 브라우저가 내용을 대체한다고 해서 Replacement 태그 라고도 한다. 대표적으로 < img >태그가 있다.
공백
기본적으로 HTML은 두 칸 이상의 공백은 무시한다. 이는 css로 제어할 수 있다.
문서의 구조
html의 버전을 알려주는 < !DOCTYPE HTML >선언과 < html >태그로 이루어져있고 html태그 내부에는 head태그와 body태그로 이루어져있다.
head태그 안의 태그들은 브라우저 화면에 표시되지 않고, 문서의 기본정보 설정이나 외부 스타일 시트 파일, 자바스크립트 파일을 연결하는 역할을 한다.
