- •Краткий справочник по html
- •1. Элементы web-страницы
- •2. Элементы форматирования текста
- •3. Добавление объектов
- •Пример html-кода страницы
- •История языка html
- •Конструктор сайтов
- •Удобный онлайн конструктор сайтов
- •Вы можете бесплатно опробовать свой сайт в течение 10 дней, прежде чем платить за его заказ
- •Стоимость работы программы по созданию сайтов
- •Оформить заказ на комплексное обслуживание сайтов:
Краткий справочник по html
1. Элементы web-страницы
Таблица 1.1. Организующие страницу элементы:
|
Элемент |
Назначение | ||||||||
|
<html> ... </html> |
Начальный и заключительный тег HTML-документа | ||||||||
|
<head> ... </head> |
Объявление заголовка WEB-страницы, содержит описание страницы | ||||||||
|
<title> ... </title> |
Элемент определяет название страницы, которое выводится в строке заголовка окна браузера. Располагается внутри заголовка <html> WEB-страницы, учитывается при индексации страницы поисковыми машинами | ||||||||
|
<body> ... </body> |
Между этими тегами находится основное содержание страницы Атрибуты:
| ||||||||
|
<base href="адрес"> |
Определение "базового" URL каталога сайта. Все относительные ссылки на странице, содержащей этот элемент будут определяться относительно него. Располагается внутри элемента <head> | ||||||||
|
<!-- ..... --> |
Комментарий. Может располагаться в любом месте страницы. На экран браузера не выводится. Надежное средство для борьбы со склерозом.. |
2. Элементы форматирования текста
Таблица 2.1. Элементы стилей абзаца и списков:
|
Элемент |
Назначение | ||||||||||
|
<h1> ... </h1> |
Заголовки первого уровня | ||||||||||
|
<h2>... </h2> |
Заголовки второго уровня | ||||||||||
|
<h3> ... </h3> |
Заголовки третьего уровня | ||||||||||
|
<p> ... </p> |
Заголовки четвертого уровня | ||||||||||
|
<h5> ... </h5> |
Заголовки пятого уровня | ||||||||||
|
<h6> ... </h6> |
Заголовки шестого уровня | ||||||||||
|
<p> ... </p> |
Простой абзац. Приведенные атрибуты могут быть использованы со всеми элементами, определяющими стиль абзаца, в том числе и с заголовками. Атрибуты:
| ||||||||||
|
<blockquote> ... </blockquote> |
Виртуальное выделение абзаца путем добавления отступа слева | ||||||||||
|
<pre> ... </pre> |
Преформатированный абзац. Выводится в окне браузера точно также, как был набран в редакторе. Учитывает пробелы и переводы строки при вводе. Результат выводится на экран моноширинным шрифтом | ||||||||||
|
<br> или, <br> |
Разрыв строки. Браузером распознается и выполняется как перевод строки. Может быть использован внутри элементов, определяющих абзац | ||||||||||
|
<hr> или <hr> |
Рисует горизонтальную линию Атрибуты:
| ||||||||||
|
<ol> <li>..</li> <li>..</li> </ol> |
Нумерованный список Атрибуты:
| ||||||||||
|
<ul> <li>..</li> <li>..</li> </ul> |
Маркированный список. Атрибуты:
Списки различных типов могут быть вложены один в другой. В этом случае отдельная строка списка должна содержать полностью оформленный список нижнего подуровня |
Таблица 2.2. Логические стили форматирования текста WEB-страницы:
|
Элемент |
Назначение |
|
<em> ... </em> |
Выделение |
|
<strong> ... </strong> |
Усиленное выделение |
|
<cite> ... </cite> |
Цитата или ссылка на внешний источник |
|
<dfn> ... </dfn> |
Исходный код программы |
|
<samp> ... </samp> |
Пример работы программы, часто отображается так же, как и предыдущий |
|
<kbd> ... </kbd> |
Текст, вводимый с клавиатуры |
|
<var> ... </var> |
Переменная или значение |
|
<q> ... </q> |
Цитируемый текст |
|
<abbr> ... </abbr> |
Аббревиатура |
|
<acronym> ... </acronym> |
Акроним |
Таблица 2.3. Физические стили форматирования текста WEB-страницы:
|
Элемент |
Назначение |
|
<b> ... </b> |
Жирный |
|
<i> ... </i> |
Курсив |
|
<tt> ... </tt> |
Моноширинный |
|
<u> ... </u> |
Подчеркнутый |
|
<big> ... </big> |
Увеличенный размер |
|
<small> ... </small> |
Уменьшенный размер |
|
<sub> ... </sub> |
Нижний индекс |
|
<sup> ... </sup> |
Верхний индекс |