основным по умолчанию, может не указать этот параметр. В результате вместо подразумевающегося белого цвета, фон может оказаться черным, зеленым и т. д., что способно привести к нарушению оформления документа. Также наряду с графическим изображением фона рекомендуется использовать и параметры цвета на тот случай, если рисунок не загрузится, тогда браузер отобразит цвет.
5. Атрибуты границ документа
Параметры границ HTML-документа создают отступы заданного размера от верхнего, нижнего, левого и правого краев документа, которым соответствуют параметры topmargin, bottonmargin, left -margin и rightmargin.
Значения для них задаются в пикселах:
<body topmargin="5" bottonmargin="5" leftmargin="10" rightmargin="10">
Однако данные параметры не воспринимаются некоторыми браузерами. В частности, Netscape объединяет упомянутые параметры в две группы – горизонтальные и вертикальные отступы:
<body marginwidth="10" marginheiht="5">
Чтобы учесть особенности всех браузеров, то в HTML-конструкцию надо подставить и те, и другие параметры:
< body topmargin ="5" bottonmargin ="5" leftmargin ="10" rightmargin ="10">
3.1. Типовое задание
Пример 1. Отформатируйте текст, как представлено ниже:
Форматированиетекста
ВНЕШНИЙ ВИД полужирный шрифт
курсивный шрифт подчеркнутое начертание перечеркнутоеначертание
Печатная машинка
Обычныйтексти элемент Sub ОбычныйтекстиэлементSuр
ЗАДАНИЕ ЦВЕТА, РАЗМЕРА И ТИПА ШРИФТА
Задан зеленый цветшрифтаразмера4 типаCourier
ЗАДАНИЕ АБСОЛЮТНЫХ РАЗМЕРОВ ШРИФТОВ
28
Шрифт размера 7
Шрифт размера 6
Шрифт размера 5
Шрифт размера 4
Шрифтразмера3
Шрифт размера 2
Шрифт размера 1
ЗАДАНИЕ ОТНОСИТЕЛЬНЫХ РАЗМЕРОВ ШРИФТОВ
Шрифтразмера+4
Шрифтразмера+3
Шрифтразмера+2
Шрифт размера +1
Шрифт размера +0
Шрифт размера-1
Шрифтразмера-2
Большой шрифт (используется элемент Big)
Маленький шрифт (используется элемент Small)
ОПРЕДЕЛЕНИЕСТРУКТУРЫТЕКСТА
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок5
Заголовок 6
Использование элемента Center Выравнивание текста (Div)
Элемент Вr обеспечивает разрыв строки
Эта строка, хоть и длинная, не должна разрываться браузером, потому что текст этой строки находится внутри элемента Nobr
Использование элемента Рrе.
Он запрещает форматирование текста браузером и выводит его так, как
определил пользователь.
Направление текста можно изменить ьтинемзи онжом атскет еинелварпаН
29
Пример 2. Рассмотрите и проанализируйте решение практического задания:
<Html>
<Head>
<Тitle> Форматирование текста </title></head>
<Meta http-equiv="Content-Type" content= "text/html;charset=windows-1251 "> <! цвет фона серебристый, цвет текста синий >
<Body bgcolor=silver text=blue> <Center>
<Font size=6 color="navy"> <B>Ф</b></font> <Font size=5><I>opмam<Font color="lime"> <Sub>upoвaнue </sub></i> </font>
<Font size=2 color="purple">m</font><Font size=3 color="blue">e</font><Font size=4color="green">к</font>
<Font size=5 color="maroon">c</font><Font size=6 color="fuchsia">m</font> <Font size=7 color="orange">a</font>
</center>
<! горизонтальная линия>
<Hr align=center size=6 color=maroon> <Center>
<Font color=red><H3> ВНЕШНИЙ ВИД</НЗ> </font> </center>
<Hr>
<Р><В>полужирный шрифт </b> <Р><I>курсивный шрифт</i> <P><U>подчеркнутое начертание</и> <P><Strike>перечеркнутое начертание</strike> <P><Tt> Печатная машинка</tt>
<Р> Обычный текст и <Sub> элемент Sub </sub> <Р> Обычный текст и <Sup> элемент Sup </sup> <Hr size=4 color=fuchsia>
<Center>
<Font color =red>
<НЗ>ЗАДАНИЕ ЦВЕТА, РАЗМЕРА И ТИПА ШРИФТА</H3> </font>
</center>
<Hr>
<P><Font size=4 color="green" face="Courier"> Задан зеленый цвет шрифта размера 4 типа Courier</font>
<Hr size=4 color=fuchsia> <Center>
<Font color=red>
<H3>3AДАНИЕ АБСОЛЮТНЫХ РАЗМЕРОВ ШРИФТОВ </HЗ> </font>
30
</center>
<Hr>
<P><Font size=7> Шрифт размера 7</font> <P><Font size=6> Шрифт размера 6</font> <P><Font size=5> Шрифт размера 5</font> <P><Font size=4> Шрифт размера 4</font> <P><Font size=3> Шрифт размера 3</font> <P><Font size=2> Шрифт размера 2</font> <p> <Font size=1 > Шрифт размера 1 </font> <Hr size=4 color =fuchsia>
<Center>
<Font color=red>
<H3>ЗАДАНИЕ ОТНОСИТЕЛЬНЫХ РАЗМЕРОВ ШРИФТОВ</HЗ> </font>
</center>
<Hr>
<P><Font size=+4> Шрифт размера +4</font> <P><Font size=+3> Шрифт размера +3</font> <P><Font size=+2> Шрифт размера +2</font> <P> <Font size~+1 > Шрифт размера +1 </font> <P><Font size=+0> Шрифт размера +0</font> <P><Font size=-l> Шрифт размера -1/font> <P><Font size=-2> Шрифт размера -2</font> <Hr size=4 color=fuchsia>
<P> <Big> Большой шрифт (используется элемент Big) </big> <P> <Small> Маленький шрифт (используется элемент Small) </small>
<Hr size=4 color=fuchsia> <Center>
<Font color=red><H3>OПPEДЕЛЕНИЕ СТРУКТУРЫ ТЕКСТA</H3> </font>
</center>
<Hr>
<Н1>Заголовок 1</h1> <Н2>Заголовок 2</h2> <НЗ>Заголовок 3</h3> <H4>Заголовок 4</h4> <Н5>Заголовок 5</h5> <Нб>Заголовок 6</h6> <Hr>
<P> <Center> Использование элемента Center </center> <Hr>
<P> <Div align="right">Выравнивание текста (Div) </div> <Hr>
31