Заголовки
Для выделения логических частей текста используют заголовки (headings). Они обозначаются прописной или строчной латинской буквой h. Цифра после буквы указывает уровень заголовка (всего их может быть шесть). Как и любой текст, заголовки можно выравнивать по левому и правому полю, по центру. Переносы в заголовках запрещены.
Задание. Объясните значение каждого из тегов в данном примере. Наберите текст.
<h1 align=center Информационные технологии в образовании /h1
< h2 align=left Преобразование информации /h2
< h3 align=right Коммуникационные технологии /h3
< h4 align=center Интернет /h4
< h5 align=center Поиск информации /h5
Откройте файл и убедитесь в правильности выполнения задания.
Фрагмент текста можно выделить полужирным шрифтом (Bold). Для этого используется открывающий тег <b> и закрывающий тег </b>.
Отдельные слова можно подчеркнуть (Underline). Для этого применяют <u> и </u>.
Часто для выделения используют курсив (Italic). Для этого служат теги <i> и </i>.
Можно заставить текст мигать (Blink), но таким выделением нужно пользоваться очень осторожно, поскольку мигающий текст трудно читается.
Если нужно выделить текст одновременно полужирным шрифтом и курсивом, то необходимо использовать следующие теги
<i><b> текст </b></i>
<b><i>текст </i> </b>
Запомните: тег, который открывался первым, закрывается последним. Теги вкладываются друг в друга.
Теги, управляющие шрифтами, имеют свои атрибуты. Можно увеличить или уменьшить размер шрифта, который измеряется в пунктах. Один пункт 0,353 мм или 1/72 дюйма. Он задается относительно размера, установленного в программе просмотра по умолчанию.
<font size=+n>текст</font>
<font size= -n>текст</font>
где n – число пунктов, на которое увеличивается или уменьшается размер шрифта.
Атрибут face означает название шрифта. Нужно иметь в виду, что в случае, если программа просмотра, с помощью которой посетитель будет просматривать вашу страничку в Интернет, не имеет такого шрифта, то текст будет недоступен.
<font size= «+7» color= «red» face= «Arial»> текст </font>
для выделения логических частей текста можно использовать горизонтальную линию (Horizontal Rule). Она обозначается тегом <hr>, закрывающий тег при этом не требуется. Перед тегом <hr> и после него не нужно ставить тег <p> или <br>, поскольку он сам по себе является переносчиком.
Пример.
Заголовок
<hr>
<br><br><br>текст
Чем больше тегов <br>, тем дальше отстоит текст от линии.
У тега <hr> есть свои атрибуты, которые не являются обязательными.
<hr align=”...” color=”...”noshade size=”n”width=”n”>
Это означает
align=”...” - в кавычках обозначаем место расположения линии по правому краю (right), по левому краю (left) или по центру (center).
сolor= - цвет линии.
noshade - по умолчанию задается объемная линия.
size=”n” – толщина линии, где n – толщина в пикселях.
width=”n” или width=”n%” - где n – ширина в пикселях или процентах.
Самые часто употребляемые параметры – размер и толщина линии – задаются с помощью параметров size и width
<HR SIZE=2 WIDTH=”10%”>
Необходимо знать, что для экрана размером 800х600 максимальная ширина n=750. Если вы не укажите атрибут width, то линия получится во весь экран. Значение в % от свободного пространства обозначается n%.
Пример. если вы хотите, чтобы линия занимала ровно половину экрана, то ставьте 50%. В одном теге не может быть двух атрибутов width, значение атрибута указывается либо в %, либо в пикселях.
Горизонтальную линию можно нарисовать с помощью любого графического редактора, а затем вставить в html – код. Нарисуйте в отдельном файле любую линию, сохраните файл в ту же папку с расширением gif. Например, 1.gif. После этого вставьте ее в исходный код своей страницы.
< mg src=”1.gif”>