동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

동영상 강좌보기

HTML 표제

표제는 <h1>~<h6>태그로 정의됩니다.

<h1>은 가장 중요한 제목을 정의합니다. <h6>은 가장 중요하지 않은 제목을 정의합니다.

<h1>표제 1</h1>
<h2>표제 2</h2>
<h3>표제 3</h3>
<h4>표제 4</h4>
<h5>표제 5</h5>
<h6>표제 6</h6>

표제(Heading)는 중요합니다.

검색엔진은 표제를 사용하여 웹페이지의 구조와 내용을 색인화합니다.

사용자는 표제를 기준으로 페이지를 훝어봅니다. 문서 구조를 표시하려면 표제를 사용하는 것이 중요합니다.

주 표제는 <h1>그 다음 표제는 <h2> 그 다음 덜 중요한 표제는 <h3>순으로 사용되어야 합니다.

<h1>~<h6>은 html표제에만 사용하십시오. 텍스트를 강좌하거나 중요도를 높이기 위해 임의로 사용하지 않습니다.

더 큰 표제

각 HTML표제는 기본 크기를 갖고 있습니다. 그러나 style속성을 사용하여 모든 표제의 크기를 재지정할 수 있습니다.

<h1 style="font-size:60px;">표제 1</h1>

HTML수평규칙

<hr>태그는 HTML페이지에서 주제별 구분을 정의하며 종종 가로 규칙으로 표시됩니다.

<hr>요소는 HTML페이지에서 내용을 분리하거나 변경을 정의하는데 사용됩니다.

<h1>표제 1</h1>
<p>문서입니다.</p>
<hr>
<h2>표제 2</h2>
<p>또 다른 문제입니다.</p>
<hr>

HTML <head>요소

HTML <head>요소는 HTML 제목과 아무 관련이 없습니다.

<head>요소는 메타 데이타의 그릇(컨테이너)입니다. HTML메타 데이타는 HTML문서에 대한 데이타입니다. 메타데이타는 화면에 표시되지 않습니다.

<head>요소는 <html>태그와 <body>태그 사이에 배치됩니다.

<!DOCTYPE html>
<html>

<head>
  <title>첫번째 HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.

HTML소스 코드보기

마우스 오른쪽 버튼 클릭후 나오는 메뉴에서 '페이지소스보기'를 선택하십시오. 그러면 페이지의 HTML소스 코드가 포함된 창이 열립니다.

HTML 요소검사

웹문서를 이루는 특정 요소를 검사하기 위해서는 마우스 오른쪽 버튼을 클릭후 '검사(Inspect)'를 선택하십시오. 그러면 브라우저 개발자도구가 열리면서 html, css를 확인할 수 있습니다. 개발자도구는 별도의 강좌를 확인하십시오.

HTML 제목(Heading) > html강좌

HTML 제목(Heading)