Главное о форматировании текста

1. Заголовки

2. Шрифты

3. Начертание шрифта

4. Списки

5. Выравнивание и отступы

6. Выравнивание текста по левому или правому краю

7. Центрирование объектов

Заголовки

Для создания заголовков в тексте используются теги заголовков <Hn>, где буква H указывает начало заголовка (Header), а цифра n - уровень заголовка. Например, HTML-код:

<H2> Это заголовок 2-го уровня</H2> создаст в HTML-документе строку, форматированную как заголовок 2-го уровня. Всего существуют 6 уровней, различающихся размером шрифта. К заголовкам применимы атрибуты выравнивания (ALIGN). Можно также менять цвет текста заголовка. Размер шрифта менять не имеет смысла, так как он определяется уровнем заголовка.

Задание 2.1.1. Создайте в рабочей папке документ headers.htm, содержащий заголовки всех шести уровней с текстами, указывающими номера уровней.

Задание 2.1.2. Выровняйте все заголовки по центру страницы и раскрасьте тексты заголовков в различные цвета, исползуя тег <FONT> с атрибутом COLOR=.

Шрифты

Для выделения частей текста используются следующие теги:

1)жирный шрифт(Bold: <B></В>),

2)курсив (Italic: <I></I>),

3)большой размер шрифта (<BIG></BIG>),

4)малый размер шрифта (<SMALL></SMALL>),

5)тег <FONT> с атрибутом SIZE=n, SIZE=+n или SIZE=-n.

Кроме того, можно использовать верхний и нижний индексы <SUP> и <SUB>, а также специальные символы из шрифта "Symbols". Для вставки специальных символов используется тег <FONT> с атрибутом FACE="SYMBOL".

Например, следующий HTML-код, записанный в файле type.htm, реализует и поясняет использование шрифтов.

<HTML><HEAD><TITLE>Formatting text</TITLE></HEAD><BODY> Так выглядят <B>жирный</B> и <I>наклонный</I> шрифты,а так - относительно <BIG>большой</BIG> и <SMALL>маленький</SMALL> шрифт. </BODY></HTML>

Атрибут SIZE=n тега <FONT> позволяет задавать размер шрифта в данной области. Если не используется тег <BASEFONT SIZE=n> для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3.

Заголовок <Н1> имеет размер 6. Шрифт больший, чем в <Н1>, можно задать тегом <FONT SIZE=7>. Главное преимущество тега <FONT> состоит в том, что он после окончания своего действия не разбивает строку, как теги <Нn>. Поэтому тег <FONT> бывает очень полезен для изменения размера шрифта в середине строки.

Атрибут SIZE=+n или SIZE=-n тега позволяет изменить размер шрифта по сравнению с предыдущим.

<FONT SIZE=+4>самый большой - размера 7</FONT> <BR> <FONT SIZE=-2>самый маленький - размера 1</FONT><BR>Это - <SUP>верхние</SUP> и <SUB>нижние</SUB> индексы. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. <BR>Верхние и нижние индексы необходимы для записи:<BR>1)товарных марок<SUP><FONT SIZE=1>TM</FONT></SUP>,<BR>2)символов копирайта &copy;,<BR>3)ссылок и сносок <SUB><FONT SIZE=1>12</FONT></SUB>.<BR>Чтобы они казались больше или меньше окружающего текста, можно использовать теги <SUP> и <SUB> совместно с тегом <FONT SIZE=>. <BR><BR>А это - спецсимволы типа <FONT FACE="SYMBOL">abcd</FONT></BODY></HTML> Задание 2.2.1. Используя документ type.htm как исходный, записать в рабочую папку файл type1.htm, в котором должны содержаться семь тегов <FONT> со значениями атрибута SIZE= от 1 до 7. Задание 2.2.2. Используя документ type1.htm как исходный, записать в рабочую папку файл type2.htm, в котором испытать все возможные значения атрибута SIZE= тега <BASEFONT>. Задание 2.2.3. Используя документ type2.htm как исходный, записать в рабочую папку файл type3.htm, в котором заменить теги <BIG> на <SMALL> и наоборот. Задание 2.2.4. Используя документ type3.htm как исходный, записать в рабочую папку файл type4.htm, в котором заменить верхние индексы на нижние и наоборот. Задание 2.2.5. Создайте в рабочей папке HTML-документ formula1.htm, в котором запишите следующую формулу: y=cos(a-b) Задание 2.2.6. Создайте в рабочей папке HTML-документ formula2.htm, в котором на белом фоне написан следующий текст: Согласно теории информации Шеннона, среднее количество информации, приходящееся на один произвольный символ сообщения, составляет H = Spi*log2(1/pi) (бит), где pi - вероятность появления символа в сообщении. Текст должен быть фиолетевого цвета, формула - черного. Формула должна находиться по центру окна программы просмотра.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: