Заголовки имеют важное значение в HTML-документах.
HTML заголовков
Заголовки определяются с <h1> to <h6> тегов.
<h1> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок.
пример
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Попробуй сам " Note: браузеры автоматически добавить пустое пространство ( a margin ) до и после каждого заголовка.
Заголовки Важны
Используйте HTML-заголовки для только заголовков. Не используйте заголовки , чтобы сделать текст BIG или bold .
Поисковые системы используют ваши заголовки индексировать структуру и содержание ваших веб-страниц.
Пользователи обезжиренных страниц его заголовками. Важно, чтобы использовать заголовки, чтобы показать структуру документа.
h1 заголовки должны быть основные заголовки, а затем h2 заголовков, то менее важный h3 , и так далее.
HTML Правила Горизонтальные
<hr> Тег создает горизонтальную строку в HTML - странице.
Элемент ч может быть использован для раздельного содержания:
пример
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Попробуй сам " HTML <head> Элемент
HTML <head> элемент не имеет ничего общего с HTML заголовками.
HTML <head> элемент содержит мета - данные. Мета-данные не отображаются.
HTML <head> элемент расположен между <html> тега и <body> тег:
пример
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.
Попробуй сам " Meta данные означают данные о данных. HTML мета данные данные о HTML - документе.
HTML <title> Элемент
HTML <title> элемент метаданных. Он определяет заголовок HTML документа.
Название не будет отображаться в документе, но может отображаться во вкладке браузера.
HTML <meta> Элемент
HTML <meta> элемент также мета - данные.
Он может быть использован для определения набора символов, а также другой информации о HTML-документе.
Более Meta элементы
В главе о HTML стилей вы обнаружите более мета элементы:
HTML <style> элемент используется для определения внутренних таблиц стилей CSS.
HTML <link> Элемент используется для определения внешних таблиц стилей CSS.
HTML Подсказка - Как просмотреть HTML-код
Вы когда - нибудь видели веб - страницы , и спрашивает : "Hey! How did they do that?" это "Hey! How did they do that?"
Чтобы узнать, щелкните правой кнопкой мыши на странице и выберите "View Page Source" (в Chrome) или "View Source" (in IE) , или подобное в другом браузере. Откроется окно, содержащее HTML-код страницы.
Проверьте себя с упражнениями!
Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»
Тег HTML Ссылка
тег ссылка w3ii»содержит дополнительную информацию об этих тегах и их атрибутах.
Вы узнаете больше о HTML-теги и атрибуты в следующих главах данного руководства.
Тег | Описание |
---|---|
<html> | Определяет HTML документ |
<body> | Определяет тело документа |
<head> | Определяет головной элемент документа |
<h1> to <h6> | Определяет HTML заголовки |
<hr> | Определяет горизонтальную линию |