2.8.1 Постановка задачи №8
Форматирование текста
Описание: Использование тегов форматирования текста
2.8.2 Контрольный пример
2.8.3 Листинг
<html>
<head>
<title>Форматирование html</title>
</head>
<body>
<h1>Это заголовок первого уровня</h1>
<h2>Это заголовок второго уровня</h2>
<h3>Это заголовок третьего уровня</h3>
<h4 align="right">Это заголовок четвертого уровня</h4>
<h5 align="center">Это заголовок пятого уровня</h5>
<h6 align="jastify">Это заголовок шестого уровня</h6>
Это просто текст
<p align="left">Это абзац, он отделен от всего текста
пустыми строками сверху и снизу и выровнен
по левому краю.</p>
<p align="right">Это абзац, он отделен от всего текста
пустыми строками сверху и снизу и выровнен
по правому краю.</p>
<p align="center">Это абзац, он отделен от всего текста
пустыми строками сверху и снизу и выровнен
по центру.</p>
Это просто текст. <br> Это текст с новой строки.
<cite>
Этот текст в тегах cite
</cite><br>
<dfn>
Этот текст в тегах dfn
</dfn><br>
<em>
Этот текст в тегах em
</em><br>
<i>
Этот текст в тегах i
</i>
Просто текст<br>
<strong>
Этот текст в тегах strong
</strong><br>
<b>
Этот текст в тегах b
</b>
Просто текст<br>
<ins>
Этот текст в тегах ins
</ins><br>
<u>
Этот текст в тегах u
</u>
Просто текст<br>
<kbd>
Этот текст в тегах kbd
</kbd><br>
<samp>
Этот текст в тегах samp
</samp><br>
<tt>
Этот текст в тегах tt
</tt>
y=x<sup>2</sup> - уравнение параболы.<br><br>
H<sub>2</sub>O - формула воды.
Это простой текст.<br>
<font face="Verdana" size=5 color="red">
Этот текст красный, размера 5.
</font><br>
<font face="Arial" size=2 color="blue">
Этот текст синий, размера 2.
</font>
Это простой текст
<center>Это выровненный по центру текст.</center>
<strong><em><font color="red">Текст</font></em></strong>
<em><font color="red">Текст</font></em>
</body>
</html>
2.9.1 Постановка задачи №9
Список
Описание: Создание нумерованных списков
2.9.2 Контрольный пример
2.9.3 Листинг
2.10.1 Постановка задачи №10
Таблицы
Описание Создание таблиц
2.10.2 Контрольный пример
2.10.3 Листинг
2.11.1 Постановка задачи №11
Формы
Описание: Создание форм
2.11.2 Контрольный пример
2.11.3 Листинг
2.12.1 Постановка задачи №12
Навигационные карты
Описание: Создание навигационной карты. При нажатие на какой либо предмет вы переходите на сайт с информацией о нем.
2.12.2 Контрольный пример
2.12.3 Переход страницы
2.12.4 Листинг
<html>
<head>
<title>map html</title>
</head>
<body>
<img src="map.gif" usemap="#map" border="0">
<map name="map">
<area shape="rect" coords="550,135, 590,192"
href="http://soventa.kz/module/1233?gclid=COWyt-_x4b4CFa3LtAodM20AeQ" alt="пылесосы">
<area shape="rect" coords="591,90, 660,192"
href="http://www.sulpak.kz/f/krupnaya_biytovaya_tehnika/stiralniye_mashiniy/samsung/list/1/15?filterParams=90_1&sort=Price&gclid=CPSD9eDx4b4CFcbKtAod_g0Ayw" alt="стиральные машины">
<area shape="rect" coords="661,0, 730,192"
href="http://www.samsung.com/kz_ru/consumer/home-appliances/refrigerators/" alt="холодильники">
</map>
</body>
</html>