[HTML] HTML이란? 웹 개발을 시작하는 필수 가이드

crushed-taro 2025. 3. 14. 14:13

728x90

[HTML] 렌더링 엔진의 동작 과정 완벽 정리 – 브라우저가 웹페이지를 표시하는 법

1. 브라우저의 동작1. 브라우저의 기본 구조User interface : 사용자가 사용하는 브라우저의 주소표시줄, 홈버튼, 북마크 등의 페이지 이외의 모든 영역Browser Process : User interface 와 Rendering Process 사이

crushed-taro.tistory.com

1. HTML(HyperText Markup Language)이란

1. 개요

HTML은 웹 페이지를 작성하는데 사용되는 표준 마크업 언어이다.
웹 페이지의 구조와 컨텐츠를 정의하며, 웹 브라우저는 HTML 문서를 해석하여 사용자에게 시각적으로 표시한다.
HTML은 요소(element)라고 불리는 태그(tag)를 사용하여 텍스트, 이미지, 링크, 리스트, 테이블 등 다양한 종류의 컨텐츠를 구성할 수 있다.

2. HTML 구성요소

3. HTML 구조

HTML 문서의 기본 구조는 다음과 같다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>페이지 제목</title>
</head>
<body>

    <!-- 웹 페이지의 컨텐츠 내용을 이곳에 작성 -->

</body>
</html>

<!DOCTYPE html> : 문서가 HTML5임을 선언
<html> : 문서의 시작과 끝
<head> : 문서의 메타데이터, 제목, 외부 스크립트 및 스타일 시트와 같은 정보를 포함
<body> : 웹 페이지의 실제 컨텐츠를 포함

4. HTML 주의사항

태그는 대소문자를 구분하지 않으며, 소문자를 권장한다.
시작 태그로 시작하면 반드시 종료 태그로 종료를 한다.
파일 확장자는 반드시 html, htm으로 설정할 것
문자의 공백은 한 개만 인식을 하고, 공백을 추가하기 위해서는 **특수기호( )**를 이용해야 한다.

728x90