HTML 표제
표제1
표제2
표제3
표제4
표제5
표제6
표제는 <h1> ~ <h6>태그로 정의됩니다.
<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표제는 기본 크기를 가집니다. 그러나 스타일 속성을 사용하면 모든 표제의 크기를 지정할 수 있습니다.
<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>
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요소 검사
요소를 마우스 오른쪽 버튼으로 클릭하고 "검사"또는 F12버튼을 눌러 어떤 요소가 구성되어있는지 확인합니다.(HTML과 CSS가 모두 표시됨)
또한 요소 또는 스타일 패널에서 HTML또는 CSS를 직접 편집 할 수 있습니다.
'함께공부해요! > HTML5' 카테고리의 다른 글
| 8. HTML 스타일 (0) | 2017.12.07 |
|---|---|
| 7. HTML 단락 (0) | 2017.12.06 |
| 5.HTML 속성 (0) | 2017.12.04 |
| 4. HTML요소(Element) (0) | 2017.12.03 |
| 3. HTML basic (0) | 2017.12.02 |
댓글