html: hypertext markup language
markup 언어: 일반적인 text와 구분하기위해 문서에 annotaing 되어있는것
html 구조:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title> </title>
</head>
<body>
사용자에게 보여짐
</body>
</html>
box 모델로 생각하여 개발하기
header
nav seciton
aside main => (main) article
footer article
BOX
header, footer, nav, aside, main, section, article, div, span, form
ITME
a, button, input, label, img, video, audio, map, canvas, table
<p> My cat is very grumpy </p>
전체: element
내용: content
span은 inline div는 block
list: ol ul li
<ol type="i">
하면 i ii iii 이런 식으로 바뀜
Name:
<input id=input_name" type="text>