tag
tag란 것은 HTML에서 가장 중요한 문법이고
실제로 HTML이라는 언어를 규정하는 가장 중요한 것입니다.
tag의 문법을 살펴보면
<tag이름> 내용(content)</tag이름>의 구조를 가지고 있으며
조금 더 쉽게 말하면
<>로 시작해서 </> 끝나는 것이 tag입니다.
물론 이것이 다는 아니고 HTML의 또 다른 문법
속성들을 통해 HTML을 완성시킬 수 있습니다.
속성
그럼 속성은 무엇일까요?
속성은 태그에 속성을 부여하여 텍스트가
하이퍼텍스트(HyperText)로 거듭나게 해주는 역할을 합니다.
속성을 포함한 태그의 구조를 살펴보면
<tag이름 속성="값">내용(content)</tag이름>
보시다시피 시작(여는) 태그 옆에 속성을 부여하는 걸 알 수 있습니다.
아래를 통해 조금 더 구체적으로 HTML의 기본 구조와
몇몇 태그의 용도를 살펴보도록 하겠습니다.
(! 기본구조는 순서가 바뀌거나 형식의 변화가 있어서는 안 됩니다!)
먼저 <> 안에 있는 태그란 녀석들부터 설명하면
<!DOCTYPE html> 웹브라우저에게 문서의 형식이 html이라는 것을 알립니다.
<html></html>: html 전체를 담는 태그입니다. 모든 태그는 <html>안에서 수행되어야 합니다.
<head></head> 브라우저에게 문서에 대한 설명을 담고 있는 구역이라고 생각하면 될 것 같습니다.
<meta /> <head>안에 있어야 하고, 브라우저에게 웹의 정보를 전하는 태그입니다.
<title></title> 웹의 이름을 나타낸다
<body></body> 문서에서 실제적으로 보여지는 부분을 나타냅니다.
<body></body>안의 내용은 다음시간에 조금 더 자세히다루도록 하고
이번 시간은 html 기본구조를 이루고 있는
태그와 속성의 개념 정리부터 하는게 좋을 것 같습니다.
마지막으로 위의 태그에 포함되었던 속성들을 살펴보면
<html
lang(사용되는 언어를 정의)="en"(English)
>
<meta
charset(문자세팅)="UTF=8"(유니코드다. 유니코드란 전세계의 모든 문자를 표현할 수 있는 인코딩)
name(태그의용도)="viewport"(웹페이지의크기를 결정)
content="width=device-width(페이지의 크기가 화면비율에 따라 변함 .),
initial-scale=1.0"(보여지는 화면의 배율을 1로 한다
/>
기본구조로 보여 드렸던 태그와 속성의 설명은 다 한것 같은데요
혹시 이상한점 발견하시지 않으셨나요 ?
짝이없는 태그 <!DOCTYPE html>, <meta /> 입니다.
분명 태그는 <tag이름>내용(content)</tag이름>이라고
위에서 배웠는데 저 둘만큼은 그 문법을 무시하는것 같네요.
오늘은 여기까지입니다.
다음시간에 오늘 알아보지 못한
저 둘을 포함한 다른 태그들을 알아는 보도록 하겠습니다.
감사합니다.
'HTML' 카테고리의 다른 글
| HTML의 속성(attribute) (0) | 2020.07.10 |
|---|---|
| tag의 종류 3/3 (0) | 2020.07.04 |
| tag의 종류 2/3 (0) | 2020.07.02 |
| tag의 종류 1/3 (0) | 2020.07.01 |
| HTML이란? (0) | 2020.06.29 |