Для создания заголовков применяются теги <h1>, <h2>, <h3>, <h4>, <h5>, и <h6>. Закрывающий тег обязателен. Самый крупный заголовок <h1>, соответственно самый маленький <h6>. Заголовки выделяются жирным шрифтом и отделяются от остального текста пустой строкой. У тега есть следующие атрибуты:
aling - выравнивание текста по горизонтали. Принимает аргументы: left - выравнивание текста по левому краю; center - выравнивание текста по центру; right - выравнивание текста по правому краю; justify - выравнивание текста по ширине, что означает одновременное выравнивание по левому и правому краям. Чтобы произвести это действие, браузер автоматически добавляет пробелы между словами там, где это необходимо;
title - всплывающая подсказка, появляющаяся при наведении курсора мыши на текст.
Пример:
<h1 align="center"title="Это заголовок">Заголовок</h1>
Заголовок
или <h6 align="center" title="Это Заголовок">Заголовок</h6>
Заголовок
Для форматирования текста применяются теги:
<p> - определяет текстовый параграф. Перед ним всегда добавляется пустая строка. К этому тегу также применяется атрибут align. Закрывающий тег не обязателен;
<b> - выделяет текст жирным шрифтом (bold);
<br> - создает переход на другую строку без создания нового абзаца. Не имеет закрывающего тега;
<i> - используется для получения курсивного текста;
<u> - создает подчеркнутый текст;
<strike> - делает текст перечеркнутым;
<font> - применяется для изменения характеристик шрифта, таких как размер, цвет и гарнитура. У этого тега существуют следующие атрибуты:
color - устанавливает цвет текста;
face - определяет гарнитуру шрифта. Обычно указывают несколько шрифтов одного семейства, через запятую. Если в браузере отсутствует первый шрифт, он перейдет к следующему и т.д., пока не обнаружит имеющийся в наличии. Название самого семейства пишется последним:
<font face="Georgia, Times New Roman, Times serif">Шрифты семейства serif</font>
Основные семейства шрифтов:
serif - шрифты с засечками на концах (Georgia, Times New Roman, Times);
sans-serif - шрифты без засечек (Arial, Helvetica);
cusive - шрифты курсивного начертания (Comic Sans MS);
monospase - моноширинный шрифт (lucida Console, Monaco);
size - задает размер шрифта в условных единицах от 1 до 7. Стандартный для браузеров шрифт равен 3.
<hr> - служит для создания горизонтальной разлелительной линии. Не имеет закрывающего тега.
Атрибуты:
widht - определяет ширину линии в пикселях или процентах от размера родительского окна;
size - толщина линии;
color - цвет линии;
align - выравнивание по горизонтали;
nonshade - Отменяет трехмерный эффект отображения линии.
Итак пробуем сами в блокноте, сохраняем как html и любуемся на свое творение. Например:
<html>
<head>
<meta http-equiv=”Content-type”content=”text/html;
charset=utf-8”/>
<title>
</title>
</head>
<body>
<h1 align=”center”>
Заголовок
</h1>
<b>
Всем привет
</b>
<br>
<i>
Миру-мир
</i>
<p>
<u>
Красота спасет мир
</u>
<strike>
Это только начало уроков
</strike>
<p>
<font size=”3” color=”#000000”
</font>
</body>
</html>
На самом деле тег <font> уже устарел. Для изменения параметров шрифта нужно использовать CSS (англ. Cascading Style Sheets -каскадные таблицы стилей) - технология описания внешнего документа. Но это уже тема для отдельного урока.
Урок пятый>
|