HTML 튜토리얼

HTML은 웹 페이지를 만들기 위한 표준 마크업 언어입니다.

HTML이란 무엇입니까?



HTML은 Hyper Text Markup Language의 약자입니다.
HTML은 웹 페이지를 만들기 위한 표준 마크업 언어입니다.
HTML은 웹 페이지의 구조를 설명합니다.
HTML은 일련의 요소로 구성됩니다.
HTML 요소는 브라우저에 내용을 표시하는 방법을 알려줍니다.
HTML 요소는 "이것은 제목입니다", "이것은 단락입니다", "이것은 링크입니다"등과 같은 콘텐츠 조각에 레이블을 지정합니다.

간단한 HTML 문서


예시



<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

예시 설명


<!DOCTYPE html> 선언은 이 문서가 HTML5 문서임을 정의합니다.<html> 요소는 HTML 페이지의 루트 요소입니다.<head> 요소는 HTML 페이지에 대한 메타 정보를 포함합니다.<title> 요소는 HTML 페이지의 제목을 지정합니다(브라우저의 제목 표시줄이나 페이지의 탭에 표시됨).<body> 요소는 문서의 본문을 정의하고 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같이 보이는 모든 내용을 담는 컨테이너입니다.<h1> 요소는 큰 제목을 정의합니다.<p> 요소는 단락을 정의합니다

웹 브라우저



웹 브라우저(Chrome, Edge, Firefox, Safari)의 목적은 HTML 문서를 읽고 올바르게 표시하는 것입니다.

브라우저는 HTML 태그를 표시하지 않지만 이를 사용하여 문서 표시 방법을 결정합니다.

HTML 페이지 구조



다음은 HTML 페이지 구조의 시각화입니다.

<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>


참고: 섹션(위의 흰색 영역) 내의 콘텐츠는 브라우저에 표시됩니다. 요소 내부의 콘텐츠는 브라우저의 제목 표시줄이나 페이지의 탭에 표시됩니다.

Full course

좋은 웹페이지 즐겨찾기