Hyper Text Markup Language 의 약자로써 월드와이드웹(WWW) 문서를 작성하는 Markup Language이다.
기본 사전적인 뜻으로 Web에 뼈대를 구축하는 언어이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
vscode에 index.html을 만들고
! + tab
을 누르면 나오는 기본구조이며
에디터와 개발자마다 기본구조를 적는 방법이 조금씩은 다를 수 있다.
<!DOCTYPE>
작성하려는 HTML 문서가 어떤 문서 형식을 갖고 있는 지 선언하는 것
만약 선언하지 않을 시 쿼크모드로 렌더링을해 각 브라우저마다 다른 형태의 결과물을 보여주게 되는데 이것을 방지하기 위해 쓰며 HTML 문서를 표준모드로 렌더링 할 수 있게된다.
html
html를 시작한다는 태크
lang="en"
태크는 W3C가 권장하는 웹 문서에 관련 언어를 지정하는 속성으로 lang 설정과 접속자 크롬 브라우저의 언어 설정 다른 경우, 크롬자동번역 인터페이스 뜨게 설정
head
브라우저 화면에 직접적으로 보이지 않고 숨은 데이터를 정의하는 태그들이 선언할 때 사용
meta
페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공하는 태그
닫는 태그가 없는 태그로, 태그의 속성을 통해 정보를 제공한다.title
웹페이지의 제목을 지정하는 태그
본문에는 보이지 않으며, 브라우저의 툴바(tool bar)에서 확인 할 수 있다. 검색 엔진 등에서 가장 크게 보여지는 텍스트이므로 페이지의 특성을 드러내는 제목을 작성하는 것이 중요하다.style
CSS파일을 만들지 않고 content를 용도에 맞게 색깔, 크기, 속성 등을 바꾸는 태그link
CSS파일을 HTML파일에 style을 적용할 수 있게 만드는 태그script
JS를 직접 명시하거나, src 속성을 사용하여 JS파일을 참조하는 태그
src 속성이 명시된 태그에는 JS를 직접 명시해서는 안된다.
body
웹 브라우저를 통해 보이는 내용(content)을 적는 부분
body태그에 들어갈 수 있는 태그로는
크게는header
,main
,footer
,nav
,asied
,
작게는<div>
,<span>
,<br>
,<p>
,<b>
,<i>
,<h1>
,<a>
,<img>
,<table>
,<ul>
,<li>
,<form>
등이 있다.