HTML 기본 구조
HTML x-ray💀
사람에게 206개의 뼈가 있듯이, html에게도 필수적인 뼈대가 되는 구조가 있다.
👶 사람을 HTML 기본 구조로 간단히 설명해보면 이렇다.
- 안녕? 나는 사람이야!
- 나는 사람이고, 내 이름은 홍길동이야.
- 내가 쓰는 언어는 한국어야.
- 내 몸에는 어깨, 팔, 다리 등의 신체 부위가 존재해.
HTML 기본 구조🔍
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>웹 페이지 제목</title>
</head>
<body>
<h1>제목</h1>
<p>설명</p>
</body>
</html>HTML 뜯어보기🕵
문서 유형을 나타내는 DOYTYPE
<!DOCTYPE html>- 문서 유형을 나타낸다.
- 브라우저가 웹 페이지를 올바르게 표시하도록 돕는다.
- 페이지의 맨 위에 한 번만 나타나야 한다.
- 대소문자를 구분하지 않는다.
문서의 최상단 요소 html
<html lang="ko"></html> : 한국어 사용
<html lang="en"></html> : 영어 사용
<html></html> : 운영체제의 언어 사용- 페이지 전체의 컨텐츠를 감싼다.
- lang=""로 해당 html 문서의 언어를 정의할 수 있다.
(값을 지정하지 않을 시 운영체제의 언어를 설정한다.)
문서 메타데이터 컨테이너 head
<head>
<meta charset="utf-8">
<title>웹 페이지 제목</title>
</head>- 화면에 표시되지 않으며, 주 목적은 기계 처리를 위한 정보이다.
- 문서가 사용할 제목, 설명, 스크립트, 스타일 시트(CSS) 등을 넣을 수 있다.
우리가 볼 수 있는 body
<body>
<h1>제목</h1>
<p>설명</p>
</body>- 웹 페이지에 나타나서 보여지는 부분이다.
- body태그 안에 작성해야 한다.
참고자료
- MDN https://developer.mozilla.org/ko/docs/Web/HTML
- W3C https://www.w3schools.com/html/html_intro.asp
Author And Source
이 문제에 관하여(HTML 기본 구조), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@crain7326/HTML-기본-구조저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
