기본구조
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
어떤 버전의 html을 사용했는지 각 브라우저에 알려준다
현재는 html5를 가장 많이 사용하고 있다
<html></html> = 문서의 시작과 끝 태그
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
</head>
= 문서의 헤드 부분으로써 사이트의 제목은 title, 부가 정보와 모바일 화면용에 대한 뷰포트 등 기술적 내용이 들어간다
<body></body> = 문서의 몸통이라 생각하면 쉽다.
<h1~5> = 헤드라인 태그이며 주로 헤드태그 다음에 위치. 공통된 사이즈 텍스트는 이 태그로 묶어 한번에 처리하면 쉽다. 숫자가 커질수록 작아지지만 css로 그 크기를 임의로 조정할 수 있다.
<span> = 인라인태그라 개행이 안 된다, 텍스트를 넣는다.
<p> = 블록태그, 한 구역을 모두 차지한다. 문단의 약자
<a> = href 속성을 이용해 이동하고자 하는 주소를 넣을때 쓴다. 새창으로 열고싶으면 타겟값을 블랭크로(_blank)
<div> = 영역을 나눌때 주로 사용한다.
고유한 값에 사용. 남발은 지양. 중복 배제. 특수한 경우에 사용되는 디자인일 경우 사용.