<!-- 주석 : Ctrl + /
주석 안에 써져 있는 글씨는 컴퓨터가 읽지 않는다.
-->
<!-- html:5 엔터치면 아래 기본 html 틀이 나옴 -->
<!DOCTYPE html><!-- 문서 타입이 html이다. 라고 선언 -->
<html lang="ko"><!-- <html> : 현재 문서의 시작을 알려주는 태그. lang은 주 언어(안 써도 됨.) ko로 해놓으면 한국어로 번역하시겠습니다. 안뜸 -->
<head><!-- 사용자들에게 보여줄 필요가 없는 정보 -->
<meta charset="UTF-8"> <!-- 인코딩. 모든 언어를 웹 브라우저가 표시할 수 있는 방식으로 변환. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- IOS계열에서 반응형 작업시 필요. scale 2.0으로 하면 화면이 2배로 커짐. (필수 코드는 아님) -->
<title>문서 제목</title><!-- 문서의 제목 (탭 이름) -->
</head>
<body><!-- 사용자들에게 보여줄 정보 -->
안녕하세요
뛕쒞쀆쮂 <!-- EUC-KR 일때는 깨짐. UTF-8로 해야됨 -->
</body>
</html>block level : 가능한 끝에서 끝까지. 만약 부모가 있다면 그 부모의 크기만큼.
inline level : 안에 내용의 크기만큼
블록레벨안에 인라인을 넣고 블록레벨을 넣을 때,
인라인 넣고 남은 공간 끝에서 끝까지 블록레벨을 잡는다고 생각하면 안 됨
블록레벨은 무조건 부모 기준으로 끝에서 끝까지임.
인라인 넣은 것 다음 라인에 블록레벨이 놔짐
클래스는 여러개로 설정할 수 있다. (구분은 띄어쓰기)
계속 나아가기