HTML의 기본구조는 다음과 같습니다.
Basic structure of HTML.
HTML은 다양한 태그로 구성되어 있는데, 열고 닫는 태그와 그렇지 않은 태그로 나뉩니다.
HTML tags are divided into open and closed tags and independent tags.
열고 닫는데는 순서가 매우 중요한데, 예를들어 다음과 같이 잘못된 순서는 심각한 문제를 불러오기도 합니다!
The sequence of HTML tags is very important. If you don't follow the sequence , you can have serious problems!
이제부터 하나씩 알아가봅시다 ~
Let's figure out one by one.
<!DOCTYPE html >
문서의 버전을 브라우저에게 알려주는 역할, <!DOCTYPE html>은 HTML5를 사용한다는 뜻
<html></html>
HTML 문서를 감싸는 태그, 하나만 존재하며 DOCTYPE을 제외한 태그는 HTML 태그밖에 존재할 수 없다.
<head></head>
문서에대한 정보를 기술하는 부분으로 역시 하나만 존재한다. 보통 title, meta, link, style, script 등의 요소가 들어있다.
<meta>
문서에대한 설명을 표시하며 실질적으로 출력되는 부분은 아니지만 브라우저가 읽고 해석한다. 인코딩방식, 설명, 키워드, 작성자 등의 정보를 기재할 수 있다.
<title></title>
문서의 제목을 나타내는 태그로, 브라우저 상단의 탭 부분에 출력된다.
<body></body>
실제로 HTML 문서에 출력되는 내용이 들어있다. 하나만 존재하며 <head></head> 바로 아래에 존재한다.
HTML문서의 다양한 태그의 순서와 형식은 매우 중요합니다 ~ 꼭 숙지하도록 합시다 :-)
The format and sequence of HTML tags are very important. You should remember that always :-)
'Interests [관심사] > HTML & CSS' 카테고리의 다른 글
| 워드프레스 아바다 테마 Top menu (탑메뉴 추가하기 / 소셜아이콘 수정) (0) | 2020.03.13 |
|---|---|
| 익스플로러에서 셀렉트박스 화살표 없애기 (0) | 2020.03.13 |
| GET 과 POST 의 차이 ! (0) | 2018.09.27 |
