HTML | HTML구조

2022. 5. 24. 13:52·Web
반응형
<!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
'Web' 카테고리의 다른 글
  • CSS | position 속성 - relative, absolute, fixed
  • HTML | Semantic Web과 Semantic Tag
  • 웹(인터넷)의 기본 동작 원리(초간단)
  • CSS | 자식레벨 선택자 지정하기 (띄어쓰기와 >)
이라후
이라후
  • 이라후
    화이팅
    이라후
  • 전체
    오늘
    어제
    • 분류 전체보기 (133)
      • TIL (23)
      • 기타 (26)
      • Python (14)
      • Django (10)
      • JavaScript (8)
      • git & GitHub (8)
      • Web (10)
      • Go (3)
      • wecode (31)
  • 반응형
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
이라후
HTML | HTML구조
상단으로

티스토리툴바