1. 요소 = <태그>내용</태그> or <태그 />
<태그>내용</태그> <!-- 일반적인 형태 -->
<태그 /> <!-- 단일 태그 -->
HTML은 시작태그<태그>와 종료태그</태그>가 "내용(컨텐츠)"를 감싸고 있는 형태이다. 그러나 반대로 "내용"을 감싸지 않는 태그도 있는데 이런 태그를 가리켜서 '빈 태그'라고 한다. 빈 태그는 <태그 / >와 같이 스스로 닫는 표기를 포함하여야 한다.
이렇게 완성된 태그로 표기된 대상을 '요소'로 지칭한다. 요소에는 속성과 값이 포함된다.
2. 태그의 속성 표기 <태그 속성="" ></태그>
<태그 속성="값"> </태그> <!--HTML 속성-->
HTML 속성은 태그의 동작을 제어하기 위해서 "시작태그" 안에 사용되는 특수 용어이다. 기본 기능을 수정하거나, 스스로 기능하지 못하는 특정 요소에 기능을 제공한다. HTML문법에서 속성은 HTML 시작 태그에 추가된다.
속성 중에 아직 배우지 않았지만, STYLE 속성을 통해 CSS를 구현할 수 있다. 이를 INLINE 이라 하여 내부 스타일시트, 외부 스타일시트와 구분한다. 그러나 본 속성은 HTML5에 권장되지 않는다.
3. 태그명은 대소문자를 구분하지 않는다.
<B>1</B> <!--html은 -->
<b>2</b> <!--대소문자를 -->
<B>3</b> <!--구분하지 않는다. -->
<b>3</B> <!-- -->
HTML 태그는 대소문자를 구분하지 않는다. 위 태그처럼 대문자, 소문자, 대소문자 혼용으로 표기하더라도, 결과는 항상 동일하다. 단, 문서 전체의 가독성을 위해 대소문자를 섞어서 쓰는 일은 지양해야 한다.
4. 주석 처리
<!--주석 처리 -->
<!-- 주석처리는
이렇게
여러 줄도 가능하다.-->
HTML은 주석 처리를 통해, 문서 내 설명해야 할 내용, 위치, 순서 등을 표기하거나 파일 관리를 위해 전달해야 할 내용을 적을 수 있다. 이를 '주석'이라고 한다. 시작 태그'<!--'와 종료태그'-->'로 구성되며, 각 태그 사이에 내용을 작성하여 넣을 수 있다.
'웹디자인 기능사 시험예제 > 1) 컨텐츠 구성하기' 카테고리의 다른 글
HTML 기초 태그 (2) 목록 (0) | 2019.07.29 |
---|---|
HTML 기초 태그 (1) 텍스트와 하이퍼텍스트 (0) | 2019.07.29 |
HEAD 영역에 위치하는 HTML 요소들 (0) | 2019.07.29 |
HTML의 기본 구조 (!DOCTYPE, HEAD, BODY) (0) | 2019.07.29 |
HTML(HyperText Markup Language) 소개 (0) | 2019.07.28 |