|
Урок 6. |
|
Элементы форматирования текста.
|
А сейчас начнём изучать новый раздел - элементы форматирования текста.
Давайте откроем наш файл first.html и внесем в него небольшие изменения и дополнения.
<html>
<head>
<title>Это мой первый файл.</title>
</head>
<body>
<div align="center"><H1>
Глава 1. Блочное форматирование.</H1>
<H2> Что такое HTML? </H2></div>
<p align="justify" style="text-indent: 20; margin-left: 20; margin-right: 20">
Язык HTML не является языком программирования в том смысле, в каком мы привыкли
представлять себе такие языки программирования, как С, С++, Java, Basic и другие.
<br>&.nbsp;&.nbsp;&.nbsp;&.nbsp; При помощи HTML мы не сможем написать полноценное приложение, которое бы
работало в системе, Windows или какой, либо другой операционной системе. HTML предназначен для создания
документов, размещаемых на Web- сервере, доступ к которому осуществляется по сети Интернет через браузер.
<p align="right" style=" margin-left: 20; margin-right: 20">
Автор:&.nbsp;&.nbsp; <em><strong> Иванов
</strong></em></p>.
<CENTER>
<H1>Глава 2. Работа со списками.</H1>
<H2>Мой неудачный выходной</H2></CENTER>
<p align="justify" style=" text-indent: 20; margin-left: 20; margin-right: 20">Последний выходной день перед 8 марта мне пришлось с женой походить по магазинам и совместно сделать необходимые покупки.
<OL TYPE="I">В магазине бытовых товаров мы купили:
<LI>Утюг
<LI>Тостер
<LI>Набор столовых принадлежностей
<UL TYPE="disc"><LI>ложек
<LI>вилок
<LI>ножей</UL></OL>
<OL TYPE="1" start="1">В магазине стройматериалов для ремонта кухни приобрели:
<LI>Краску
<UL TYPE="square"> <LI>белую
<LI>голубую</UL>
<LI>Потолочную плитку
<LI>Обои </OL>
<OL TYPE="A">В супермаркeте:
<LI>В бакалее купили
<UL TYPE="circle"><LI>Печенье
<LI>Пряники
<LI>хлебобулочные изделия
<UL TYPE="a"><LI>булку ржаного хлеба
<LI>батон нарезной</UL></UL>
<LI>В кондитерском отделе приобрели
<UL TYPE="1"><LI>карамель
<LI>шоколадных конфет
<LI>халвы</UL>
<LI>И конечно же зашли в вино-водочный отдел где взяли
<UL TYPE="i"><LI>бутылку водки
<LI>бутылку Кагора
<LI>три бутылки пива</UL></OL>
</p>
<CENTER>
<H1>Глава 3.
<br>Элементы форматирования текста.</H1></CENTER>
<br><<font size="+3" color="#0000ff" face="Monotype Corsiva">Примеры элементов форматирования текста.</font>
<br<font size="+2" color="#FF00FF" face="Times New Roman ">Примеры элементов форматирования текста.</font>
<br<<font size="+1" color="#008000" face="System ">Примеры элементов форматирования текста.</font>
<br><font size="+1" color="#FF0000" face=" Comic Sans MS ">Примеры элементов форматирования текста.</font>
<br><BIG>Пример крупного шрифта.</BIG>
<br><B>Пример полужирного шрифта.</B>
<br><i>Пример курсивного шрифта.</i>
<br><em>Ещё один вид курсивного шрифта.</em>
<br><small>Пример мелкого шрифта</small>
<br><TT>Телеграфный тест.</TT>
<br><U>Подчёркнутый шрифт</U>
<br><font size="+1" color="#FF0000" face="Courier"><U>Примеры элементов форматирования текста.</U></font>
<br><S>Перечёркнутый шрифт</S>
<br>H<SUB>2</SUB>O - нижний индекс
<br>X<SUP>max</SUP> - верхний индекс
<br><strong>Жирный текст</strong>
<br><div align="center"><font size="-2">Мелкий шрифт сделанный атрибутом size</font></div>
<p align="right"><span style="background-color: #FFFF00">
<font size="+1">Теперь спокойно можешь работать с любым текстом?</font></span></p>
</body>
</html>
Сохрани изменения файла и загрузи его в браузере. Видишь, какие произошли изменения? Наконец то мы добились того, к чему стремились на прошлом нашем уроке.
Попробуй самостоятельно разобраться со всеми новыми ярлыками и дополнительными атрибутами старых ярлыков. Ну, а в следующий раз я раскрою все секреты элементов форматирования текстов. Хотя они очень просты в освоении. И, конечно же, начнём учиться вставлять в наши странички картинки.
На сегодня пожалуй хватит .
А здесь как всегда очередной бонус:
Сборник шрифтов
