드림엘리 : 프론트엔드 입문 - 2. html(1)

html

• 웹을 이루는 가장 기본적인 블록(파일)
• Html 없이는 웹사이트 못 만듦
• Hyper text markup Language
• Markup 언어 : 어느정도 태그를 이용해서 구조적으로 보여지는 것

 

Docktype>html>head>body

head : ui 적인 요소가 없음, css 불러오는 역할도 함, meta data만 존재, 상세 설명

body : user에게 보여지는 파일들로 이루어져 있다.

 

heading

• h1~

 

w3c

• 웹의 표준화를 추진하는 단체
• 여기서 정한 표준에 맞게 브라우저를 구현해야 한다.
• 브라우저는 유효한 태그를 쓰지 않아 어느정도의 에러가 발생하면 똑똑히 회복해서 유저가 html을 보는데 지장이 없도록 할 수 있다.

 

mdn

• 지원 가능한 태그들 확인은 mdn에서 확인 할 수 있다.
• 브라우저 호환가능성 확인 가능
• 더 이상 사용하지 않는 태그들도 확인 가능

 

body 구성 방법

• https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
• 웹사이트를 바라볼 때 박스로 구분하는 연습(가장 작은 단위로 나누기)