HTML (하이퍼텍스트 마크업 언어) 은 JavaScript와 같은 프로그래밍 언어가 아니라, 웹 페이지의 구조를 담당하는 마크업 언어이다.
HTML 문서는 웹 브라우저에 의해 해석되어 사용자에게 웹 페이지를 제공하는 데 사용된다.
간단한 HTML 문서의 예 )
<!DOCTYPE html>
<html>
<head>
<title>나의 첫 HTML 문서</title>
</head>
<body>
<h1>안녕, MODAG!</h1>
<p>이것은 간단한 HTML 문서의 예제입니다.</p>
</body>
</html>
HTML 문서는 파일 이름 뒤에 .html로 만들 수 있다.
ex ) index.html
또한 <html>, <head>, <title>, <body>, <h1>, <p> 등은 HTML 요소를 나타내며, 각각이 특정한 의미와 역할을 가지고 있다.
시멘틱 요소 (의미가 있는,의미론적인)
HTML5에서는 시멘틱 웹이 중시되면서 시멘틱 요소가 새롭게 만들어졌다.
시멘틱 요소 중 하나인 <h1> 요소를 예로 들면, 최상위 제목을 표현할 때 사용하는 요소 <h1>을 사용할 경우,
브라우저가 큰 폰트 사이즈를 적용할 뿐아니라, 위아래로 간격을 주어 제목처럼 보이도록 한다.
이와 같은 효과는 <div>,<span>요소에 css 속성을 추가하여 <h1>과 똑같이 보이도록 할 수 있지만 의미적 가치는 없다.
그래서 <div> 지옥이 되는 경우가 많다.
'취업 준비' 카테고리의 다른 글
| 취업 준비 - CSS 정리 (1) | 2023.11.27 |
|---|
