본문 바로가기
Spec UP - Frontend/부스트코스_UI 개발

HTML 문서의 기본 구조

by TIS_Ha 2020. 3. 16.
반응형

 

<!DOCTYPE html>

최상단 DOCTYPE 선언문 : 이 문서가 어떤 버전으로 작성되어있는지 브라우저에게 알려줍니다.

<html> 태그

html 태그 안에는 어떤 언어로 작성되어있는지 선언할 수 있습니다.

ex: <html lang="ko">

html 태그는 대표적으로 head 태그와 body 태그를 자식 태그로 가집니다.

<head> 태그

head 태그는 브라우저 화면에 표시되지 않으며 문서의 기본 정보 설정이나

외부 스타일 시트 파일 및 js파일을 연결하는 등의 역할을 합니다.

<meta> 태그

meta 태그의 charset 속성은 문자의 인코딩 방식을 지정합니다.

<meta charset="UTF-8"> UTF-8은 가장 많이 사용하는 인코딩 방식입니다.

<title> 태그

title 태그는 문서의 제목이 들어가는 부분입니다.

실제 브라우저 화면의 탭바에 노출되는 내용이 title 태그 안에 들어가는 내용입니다.

<body> 태그

body 태그에는 실제 브라우저 화면에 나타나는 내용이 입력됩니다.

반응형

'Spec UP - Frontend > 부스트코스_UI 개발' 카테고리의 다른 글

HTML_앵커태그(Anchor)  (0) 2020.03.17
HTML_텍스트를 꾸며주는 태그  (0) 2020.03.16
HTML_제목과 단락 요소  (0) 2020.03.16
HTML 태그 소개 사이트  (0) 2020.03.16
HTML문법  (0) 2020.03.16

댓글