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
- 문서의 본문 내용(글, 그림, 입력창, 버튼 등등)
- 실제 화면 구성과 관련된 내용
반응형
'WEB > 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 |