HTML 태그
기본적으로 대괄호(<>)로 감싼다.
| 예시 | 설명 |
|---|---|
| <img>, <link> | 하나의 괄호쌍만 사용한다. |
| <head> ... <\head>, <body> ... <\body> | 괄호 두 쌍을 묶어서 사용한다. 그 사이에 자식 Componet를 추가할 수 있다. |
기본 구조
에디터마다 다르지만 최근의 것일수록, "doc", "!DOC.." 같이 치면 자동완성이 된다.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
<html>
HTML 양식으로 만든 웹 페이지라는 의미
- lang : 페이지의 기본 언어
- 영어 = en
- 한글 = ko
<head>
웹 페이지의 소갯말. 웹 페이지 이름, 디코딩, meta 데이터 같은 걸 담고 있다.
- Title : 웹 페이지 이름
- charset : 문자 디코딩 방식
- meta : 각종 설정 (페이지 크기라던가, HTTP라던가...)
- link : 외부 링크에서 데이터를 가져올 수 있음 (주로 CSS나 asset 등)
<body>
웹 페이지의 콘텐츠. 실제로 보여지는 화면은 여기서 만든다.
시멘틱 태그
시멘틱 태그를 쓰면, 어느 정도 정규화된 웹 페이지 모양을 만들 수 있다.
안녕하세요! 프로타쿠입니다