HTML(1) - 기본 구조

HTML의 개념을 잡았으니 자세히 알아보자!

개념이 궁금하시면 이전 글을 추천드립니다!

HTML이란?(개념 이해)

개발자 농담 중엔 이런 글이 있다. A: 어떤 걸로 코딩하는 걸 좋아하세요? B: 저는 HTML로 코딩하는 걸 좋아합니다! A: 아.. 네.. 이 이야기가 농담인 이유는 HTML은 코딩 언어가 아니라 Markup언어이기

l1m3kun.tistory.com

기본 구조

1. html
2. head
3. body

html

문서 최상위(root) 태그
"여기는 HTML이야! " 라고 말해주는 태그

head

문서 제목, 인코딩, 스타일, 외부 파일 로딩 등 메타데이터 요소를 포함하는 태그
예시

<html>  <!-- html 표시-->
<head>	<!-- head 표시-->
	
    <meta charset="UTF-8"> <!-- 한글 인코딩 -->
    <link rel="stylesheet" href="style.css"> <!-- 외부 리소스 연결(css 등) -->
    <title>HTML</title>  <!-- 문서 제목 -->
    <style> 	<!-- css 직접 표시-->
    p {
    	color: black;
    }
    </style>

</head>
<body>  <!-- body 표시-->
</body>
</html>

body

문서의 본문 내용(글, 그림, 입력창, 버튼 등등)
실제 화면 구성과 관련된 내용

'📚 STUDY > HTML' 카테고리의 다른 글

[개념] HTML - Semantic Element (0)	2024.05.31
HTML(3) - 속성(Attribute) (2)	2023.03.19
HTML(2) - 요소(Element) (0)	2023.03.19
HTML이란?(개념 이해) (0)	2023.03.19

기본 구조

'📚 STUDY > HTML' 카테고리의 다른 글

티스토리툴바