HTML이란?
HTML(하이퍼텍스트 마크업 언어, HyperText Markup Language)는 웹 페이지와 웹 애플리케이션을 만들기 위해 사용되는 표준 마크업 언어입니다.
HTML은 웹 페이지의 구조와 내용을 정의하는 데 사용됩니다.
HTML 문서는 요소들로 구성되며, 이 요소들은 태그를 사용하여 표시됩니다.
HTML의 기본 구조
HTML 문서는 기본적으로 다음과 같은 구조를 가집니다.
<!DOCTYPE html>: HTML5 문서임을 선언합니다.
<html>: HTML 문서의 루트 요소입니다.
<head>: 문서의 메타데이터를 포함하는 부분입니다(문서 제목, 문자 인코딩 정보 등).
<title>: 웹 브라우저의 제목 표시줄에 나타나는 문서의 제목을 정의합니다.
<body>: 실제로 표시될 콘텐츠를 포함하는 부분입니다.
HTML 요소
HTML 요소는 시작 태그와 종료 태그, 그리고 그 사이의 내용으로 구성됩니다.
예를 들어, 단락 요소는 다음과 같습니다.
<p>: 단락을 시작하는 태그
</p>: 단락을 종료하는 태그
태그 사이의 텍스트가 단락의 내용입니다.
주요 HTML 태그
<h1>, <h2>, ... <h6>: 제목을 정의합니다. <h1>이 가장 중요하고 <h6>이 가장 덜 중요합니다.
<p>: 단락을 정의합니다.
<a>: 하이퍼링크를 정의합니다. 예를 들어, <a href="https://chanchanmon0902.tistory.com">링크</a>.
<img>: 이미지를 삽입합니다. 예를 들어, <img src="image.jpg" alt="설명">.
<ul>, <ol>, <li>: 순서 없는 목록과 순서 있는 목록을 정의합니다.
<div>: 블록 레벨 요소로, 주로 스타일링이나 스크립트용으로 사용됩니다.
<span>: 인라인 요소로, 주로 텍스트의 일부분을 스타일링할 때 사용됩니다.
HTML은 웹의 근간을 이루는 언어로서, 웹 페이지의 구조와 콘텐츠를 정의합니다.
CSS(캐스케이딩 스타일 시트)와 함께 사용되어 웹 페이지의 스타일을 지정하며, JavaScript와 결합하여 웹 페이지에 동적인 기능을 추가할 수 있습니다.
HTML은 웹 브라우저가 이해하고 렌더링할 수 있는 형태로 작성되므로, 모든 웹 페이지는 HTML로 작성됩니다.
'백엔드 로드맵 > 프론트엔드 기본 지식' 카테고리의 다른 글
| [백엔드 로드맵] CSS란? (0) | 2024.05.24 |
|---|---|
| [백엔드 로드맵] JavaScript란? (0) | 2024.05.23 |