- •Краткий справочник по 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> |
Верхний индекс |