1. HTML이란?
HTML은 HyperText Markup Language
말 그대로 하이퍼텍스트를 위한 마크업 언어- 하이퍼텍스트 : 클릭하면 다른 문서로 이동할 수 있는 텍스트 (ex.링크)
- 마크업 : 문서의 구조나 의미를 태그로 표시하는 것
즉, HTML은 웹페이지에서 의미와 구조를 지정해주는 언어⭐
2. HTML의 역할
2. HTML의 역할
HTML은 웹 페이지의 뼈대 역할
예를 들어 블로그 제목을 보면제목은 <h1>
본문은 <p>
이미지 넣을 땐 <img>
버튼은 <button>이렇게 각 역할을 태그(tag) 로 표현.
but, HTML 혼자서는 예쁘지도 않고, 동작하지도 ❌
| 역할 | 기술 | 설명 |
|---|---|---|
| 구조 | HTML | “무엇이 있는지” 정의 |
| 디자인 | CSS | “어떻게 보일지” 꾸밈 |
| 동작 | JavaScript | “어떻게 반응할지” 처리 |
3. HTML 문서의 기본 구조
HTML 파일은 .html 확장자를 사용
<!DOCTYPE html>
<html>
<head>
<title>사이트 제목</title>
</head>
<body>
<h1>제목</h1>
<p>첫 번째 문단</p>
</body>
</html>
<!DOCTYPE html> : 이건 HTML5 문서라고 브라우저에 알려주는 선언
<html> : HTML 전체를 감싸는 태그
<head> : 문서 정보 (제목, 문자 인코딩 등)
<body> : 실제로 화면에 보이는 내용4. 태그(Tag)란?
HTML에서 모든 요소는 태그로 구성
<p> 문단 </p>
<p> : 여는 태그
</p> : 닫는 태그