지난 포스팅까지 HTML이 어떤 언어인지와 HTML Element와 그 구조에 대해서 살펴보았습니다.
이번 포스팅에서는 Element의 요소인 Tag에 대해서 포스팅하고자 합니다.
태그?
태그는 Element를 구성하는 HTML에서 없어서는 안 될 요소입니다.
대표적인 태그로는 <html>, <body>, <head>, <title>, <meta> 등이 있습니다.
태그는 일반적으로 여는 태그와 닫는 태그를 사용하지만 닫는 태그가 없는 홀태그도 존재합니다.
(ex. <br>, <input> 등이 홀태그로 사용된다.)
홀태그는 <br>과 같이 써도 문법적으로 무방하지만 홀태그임을 분명히 하기 위하여 <br/>로 '/'를 끝에 붙여준다.
HTML5에서 태그는 대문자로 써도, 소문자로 써도 적용이 가능하지만 XHTML과의 호환을 위해서는 가급적 소문자로 쓰는 것이 좋습니다.
태그의 속성
태그는 브라우저에게 전달하는 일종의 명령입니다. 이 때, 이 명령을 수행하기 위해서 구체적인 목적 또는 옵션사항을 태그의 속성을 이용해 표현합니다.
속성은 여는 태그의 태그명과 여는 태그의 닫는 괄호 사이에 prop(속성명) = value(속성값)으로 선언하면 됩니다.
한 개의 태그에는 하나의 속성만 사용할 수도 있지만 여러 속성이 사용될 수 있습니다. 여러 속성이 사용될 경우에는 속성 간은 공백을 통해 구별합니다. 또한 한 개의 단어에 대해서는 따옴표 생략을 허용해도 되지만 가급적이면 따옴표로 속성값을 감싸 주는것이 좋습니다.
따옴표는 홑따옴표, 겹따옴표 둘 다 허용되지만 만약 속성에 따옴표가 들어가는 경우에는 반드시 다른 형태의 따옴표로 감싸주어야 합니다.
ex. prop = "Let's go!", prop = 'I say "Hello" to you'
'Web Basic > HTML' 카테고리의 다른 글
| 문서의 연결 (0) | 2018.03.22 |
|---|---|
| 텍스트 (0) | 2018.03.20 |
| HTML 기본구조 2 - 계층구조 및 주요태그 (0) | 2018.03.20 |
| HTML tag 및 Elements (0) | 2018.03.20 |
| HTML이란? (0) | 2018.03.20 |
