반응형
<!doctype html><!-- 이 문서는 html이다 -->
<html>
<head><!-- 본문을 설명하는 부분 -->
<title>본문의 제목</title>
<meta charset="utf-8"><!-- 본문의 저장방식: utf-8 -->
</head>
<body>
본문
</body>
</html>
<html>태그 안에 <head>,<body>가 있는 구조이다.
<head>태그는 본문을 설명한다.
본문을 설명하는 제목인 <title>태그와 본문의 저장방식이 적혀있다.
처음 html파일에 한글을 포함해서 만들고 웹브라우저로 열어보면 한글이 외계어로 나오는 경우가 있는데
파일의 인코딩 방식과 웹브라우저의 인코딩 방식이 달라서 생기는 문제이다.
그래서 <head>태그 안에
<meta charset="utf-8">
이 코드를 삽입해서 웹브라우저가 utf-8방식으로 코드를 읽어서 한글이 깨지지 않게 해주면 된다.
반응형
'Web' 카테고리의 다른 글
CSS | display: inline, inline-block, block (0) | 2022.06.22 |
---|---|
CSS | position 속성 - relative, absolute, fixed (0) | 2022.06.22 |
HTML | Semantic Web과 Semantic Tag (0) | 2022.06.21 |
웹(인터넷)의 기본 동작 원리(초간단) (0) | 2022.06.17 |
CSS | 자식레벨 선택자 지정하기 (띄어쓰기와 >) (0) | 2022.05.27 |