HTML
HTML(Hyper Text Markup Language)은 페이지의 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당합니다. Semantic(튼튼한 구조)를 만드는 것에 집중해서 작성해야 합니다. 즉, 구조(뼈대)를 만드는 언어입니다.
태그의 의미와 형태
각 태그는 의미를 갖고 있으며 다음과 같은 형태를 가집니다.
<TagName> Content </TagName>여는 태그와 닫는 태그 전체를 요소(element)라고 하고, 여는 태그와 닫는 태그 사이에는 내용(Content)를 넣을 수 있습니다.
Content에는 텍스트뿐만 아니라 다른 태그를 작성할 수도 있습니다.
태그(요소)의 의미를 확장, 추가적인 정보를 제공하기 위해서 속성(attribute)를 작성할 수 있습니다. 이때 어트리뷰트 값은 반드시 큰따옴표로 감싸줍니다.
<TagName attribute="value">Content</TagName>태그 안에는 텍스트뿐만 아니라 다른 태그를 Content로 사용할 수 있습니다. Content에 포함된 태그를 자식 요소라고 포함하고 있는 태그를 부모 요소라고 합니다.
<Parent>
<Child></Child>
</Parent>즉, Parent 태그의 Content 영역에 다른 태그(Child 태그)를 넣을 수 있습니다. 부모 태그 이상을 조상, 상위 요소라고 하고, 자식 태그 이하를 후손,하위 요소라고 합니다.
태그에는 Content를 넣을 수 있기 때문에 태그가 가진 의미 자체만으로 사용할 수 있습니다. 하지만 닫는 태그가 없는 빈 태그는 범위가 존재하지 않기 때문에 해당 태그가 위치하는 부분에서 무언가를 해결해야 하는 용도로 사용해야 합니다.
그러므로 빈 태그는 태그의 의미를 확장해서 사용할 수 있는 attribute="value" 형태가 대부분 포함됩니다.
