HTML 기초

HTML이란?
웹 페이지의 가장 기본이 되는 뼈대이며 Hyper Text Markup Language의 약자이며 확장자는 .html이다 
확장자란?
텍스트구조는 변경이 전혀 없지만 열리는 소프트웨어만 변경이 된다.

 

HTML living standard(2019년 이후부터 지원)

MDN 문서는 추천을 하나 한국어 잘 번역이 되어 있지 않기 때문에 되도록이면 영어로 참고를 하는 것이 좋다.

 

HTML 문법

• 시멘틱한 HTML : 대부분의 요소에는 고유한 의미가 있다. 이 의미는 사람에게 필요로 하기보다는 기계(컴퓨터)가 이해할 수 있는 언어로 HTML을 코딩한다는데 그 목적이 있다. 브라우저가 우리의 문서를 이해할 수 있게 되는 것이다. 이를 통해 SEO, 접근성 등에 도움을 줄 수 있다.
• HTML 요소는 HTML 태그와 속성으로 구성
• 속성은 여는 태그에 꼭 삽입 
• 일부 요소는 여는 태그로만 구성

 

Emmet이란?

• HTML 태그와 CSS 를 작성 시 자동완성 기능을 통하여 속도를 향상 시켜주는 확장 기능
• VSCode에 자동으로 탑재되어 있는 확장 기능이다.

사용방법 입력 후 Tab 이나 Enter 입력

h1
h1+h1+p
h1*4
h1{텍스트내용}*100
h1#id이름
h1.class이름
#id이름 //자동으로 앞에 별다른 태그 입력하지 않을 경우 div태그를 사용
.id이름