HTML 표제
제목
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
HTML 표제
표제는 <h1>to <h6>태그 로 정의됩니다 .
<h1>가장 중요한 제목을 정의합니다. <h6>가장 중요하지 않은 머리글을 정의합니다.
예
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>참고 : 브라우저는 제목 앞뒤에 공백을 자동으로 추가합니다 (여백).
제목은 중요하다.
검색 엔진은 표제를 사용하여 웹 페이지의 구조와 내용을 색인화합니다.
사용자는 제목을 기준으로 페이지를 훑어 봅니다. 문서 구조를 표시하려면 표제를 사용하는 것이 중요합니다.
h1이 제일중요한 머리글 h2가다음 h3가 다음
주의 : 제목에만 HTML 표제를 사용하십시오. 제목을 사용하여 대용량 또는 대담한 텍스트를 작성하지 마십시오 .
더 큰 표제
각 HTML 표제는 기본 크기를가집니다. 그러나 styleCSS font-size속성을 사용하여 속성으로 모든 제목의 크기를 지정할 수 있습니다 .
예
<h1 style="font-size:60px;">Heading 1</h1>
HTML 수평 규칙
<hr>태그는 HTML 페이지에서 주제 휴식을 정의하고, 가장 자주 수평선으로 표시됩니다.
이 <hr>요소는 HTML 페이지에서 내용을 분리하거나 변경을 정의하는 데 사용됩니다.
예
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>HTML <head> 요소
HTML <head>요소는 HTML 제목과 아무 관련이 없습니다.
<head>요소는 메타 데이터 용 컨테이너이다. HTML 메타 데이터는 HTML 문서에 대한 데이터입니다. 메타 데이터는 표시되지않습니다.
<head>요소는 <html>태그와 <body>태그 사이에 위치하게됩니다.
예
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.참고 : 메타 데이터는 일반적으로 문서 제목, 문자 집합, 스타일, 링크, 스크립트 및 기타 메타 정보를 정의합니다.
HTML 소스를 보는 방법?
웹 페이지를 본 적이 있고 "이봐! 어떻게 그걸 했니?"
HTML 소스 코드보기 :
HTML 페이지를 마우스 오른쪽 버튼으로 클릭하고 "브라우저에서 페이지 소스보기"(Chrome에서) 또는 "소스보기"(IE에서) 또는 다른 브라우저에서 유사하게 선택하십시오. 그러면 페이지의 HTML 소스 코드가 포함 된 창이 열립니다.
HTML 요소 검사 :
요소 (또는 빈 영역)를 마우스 오른쪽 버튼으로 클릭하고 "Inspect"또는 "Inspect Element"를 선택하여 어떤 요소가 구성되어 있는지 확인합니다 (HTML과 CSS가 모두 표시됨). 또한 열리는 요소 또는 스타일 패널에서 HTML 또는 CSS를 직접 편집 할 수 있습니다.
HTML 제목 테스트하기!
Test Yourself with Exercises!
HTML 태그 참조
W3Schools 태그 참조에는 이러한 태그 및 해당 속성에 대한 추가 정보가 들어 있습니다.
이 자습서의 다음 장에서는 HTML 태그 및 속성에 대해 자세히 설명합니다.
| Tag | Description |
|---|---|
| <html> | Defines the root of an HTML document -html문서정의 |
| <body> | Defines the document's body --html도큐먼트 바디 |
| <head> | A container for all the head elements (title, scripts, styles, meta information, and more) --헤드요소들의 컨테이너(타이틀,스크립트스타일,메타정보 등등-- |
| <h1> to <h6> | Defines HTML headings |
| <hr> | Defines a thematic change in the content <수평줄 맞춤> |