Использование заголовков в тексте
Заголовки (Headings) служат для выделения логических частей текста. Они обозначаются прописной или строчной латинской буквой h. Цифра после буквы показывает уровень заголовка (всего их может быть шесть).
Как и любой текст, заголовки можно выравнивать по левому или правому полю, по центру.
Давайте усовершенствуем нашу страничку, используя заголовки и параграфы.
Упражнение №2
Откройте файл ind1.htm в текстовом редакторе и отредактируйте его так, как показано ниже.
<HTML>
<HEAD>
<TITLE>Моя страничка (заголовок)</TITLE>
</HEAD>
<BODY>
<H1 ALIGN = Center> Привет! Это моя личная домашняя страничка! </H1>
<HR>
<H2> Мой город </H2>
<P> Я живу в Самаре
<H3 ALIGN = Left> Мой Университет </H3>
<P ALIGN = LEFT> Я учусь в СамГУ
<H4 ALIGN = CENTER> Моя специальность </H4>
<p ALIGN = CENTER> Менеджмент
<H5 ALIGN = RIGHT> Мои увлечения </H5>
<P ALIGN = RIGHT> Мои увлечения — музыка, спорт. </P>
<HR>
<H6 ALIGN = CENTER> Design “Luch” </H6>
</BODY>
</HTML>
Сохраните файл как ind2.htm.
Теперь запустите программу просмотра и сравните изображение на экране с рисунком.
Выделение текста
Когда Вы с кем-нибудь разговариваете, то обязательно выделяете интонацией те или иные слова. Так Вы показываете собеседнику, на что нужно обратить особое внимание. Письменная же речь лишена интонационной окраски. Здесь на помощь приходят различные способы выделения слов.
Фрагмент текста можно выделить полужирным шрифтом. Тогда он будет выглядеть так же, как этот абзац (используются тэги <B> и </B>)
Отдельные слова можно подчеркнуть (используются теги <U> и </U>).
Часто для выделения используют курсивный шрифт (используются тэги <I> и </I>).
Для выделения логических частей текста используют горизонтальные линии. Размер и толщина линии задаются с помощью параметров Size и Width: <HR SIZE=2 WIDTH=”10%”>
Размер шрифта
Размер шрифта измеряется в пунктах (один пункт равен 1/72 дюйма, или 0,353 мм). Он задается относительно размера, установленного в программе просмотра по умолчанию:
<font size=+n> Текст </font>
<font size= -n> Текст </font>
где n – число пунктов, на которое вы хотите увеличить или уменьшить размер шрифта. Шрифт текста, расположенного между тэгами <font size= ± n> и </font> будет увеличен или уменьшен.
Упражнение №3
Применим полученные знания к нашей страничке. Отредактируем файл ind2.htm и запишем его как файл ind3.htm.
<HTML>
<HEAD>
<TITLE>Моя страничка (заголовок)</TITLE>
</HEAD>
<BODY>
<H1 ALIGN = Center> Привет! Это моя личная домашняя страничка! </H1>
<HR>
<H2> Мой город </H2>
<P> Я живу в <FONT SIZE = +2> Самаре </FONT>
<H3 ALIGN = Left> Мой Университет </H3>
<P ALIGN = LEFT> Я учусь в <U>СамГУ</U>
<H4 ALIGN = CENTER> Моя специальность </H4>
<p ALIGN = CENTER> Менеджмент
<H5 ALIGN = RIGHT> Мои увлечения </H5>
<P ALIGN = RIGHT> Мои увлечения — <B>музыка</B>, спорт. </P>
<HR>
<H6 ALIGN = CENTER> Design “Luch” </H6>
</BODY>
</HTML>
На экране программы просмотра мы увидим:
Списки
Очень важный элемент Web – страничек — списки. Они бывают:
нумерованными, например,
ОБУЧЕНИЕ И РАБОТА
автомеханик (отеч и иномарок).
(обучение 3 мес.)
бух учет – аудит (3 мес.)
делопроизводство (3 мес.)
парикмахер широкого профиля (2 мес.)
маркированными, например,
ВСЕРОССИЙСКОЕ
ОБЩЕСТВО СЛЕПЫХ
Продает:
Электромоторы 180, 270 Вт
Электромоторы 5,5 кВт
Деревообрабатывающий станок
вложенными, то есть сочетающие в себе элементы того и другого списка.
Как показать их в своей страничке?
В нумерованном списке (Ordered List) каждому элементу предшествует его порядковый номер. Чтобы программа просмотра правильно расставила номера, нужно использовать флаги разметки
<ol>
<li>
<li>
<li>
</ol>
В маркированном списке (Unordered List) каждому элементу списка предшествует символ (пуля). Для создания маркированного списка используются следующие тэги:
<ul>
<li>
<li>
<li>
</ul>
Вложенный список (Nested Lists) включает элементы обоих списков, поэтому для его создания используются флаги нумерованного и маркированного списков:
<ol>
<li>
<ul>
<li>
<li>
</ul>
<li>
</ol>