31.Создание таблиц в html

^{Для создания таблицы служит тэг <TABLE>. Как известно таблица состоит из строк, а строки, в свою очередь состоят из ячеек. Для определения строк служит тэг <TR>, для создания ячеек - <TH>, <TD>.}

^{Тэг <TH> исп. для создания ячеек с заголовками.}

^{Тэг <TD> - для обыкновенных ячеек с данными.}

^{Содержание ячеек заголовков отображается полужирным шрифтом и выравнивается по центру.}

^{Для создания заголовка таблицы служит тэг <CAPTION>.}

^{Для того, чтобы сделать видимой границы таблицы, служит атрибут BORDER тэга <TABLE>. Чтобы задать толщину разграничивающих линий внутри таблицы, необходимо воспользоваться атрибутом CELLSPACING.}

^{Дело в том, что, используя таблицы, можно сделать аккуратную компоновку информации в пределах Вэб-страницы, добиться точного расположения того или иного фрагмента страницы, будь то текст, графика или гиперссылка. Например, используя таблицу, можно легко добиться отображения текста в нескольких колонках, подобно газетной публикации}

^{<table border="1">}

 ^<tr>

  ^<td>1</td>

  ^<td>2</td>

 ^</tr>

 ^<tr>

  ^<td>3</td>

  ^<td>4</td>

 ^</tr>

 ^<tr>

  ^<td>5</td>

  ^<td>6</td>

 ^</tr>

^</table>

32.Форматирование текста и рисунки в html. Примеры.

^{Форматирование текста <B>полужирный <Big>укрупняет <Br>новая строка <Hr>горизонтальная линия <I>курсив <P>новый абзац <U>подчеркивание текста. Размер, цвет, шрифт <Font size color face>}

^{Рисунок <BODY background="img/fon.jpg"><p><img src="img/teacher.jpg" border="3"></p><BODY> < width="50" height="41">размер, align="left">" align="right"> выравнивание, <br clear="right"> обтекание текстом}

33.Списки в html. Виды списков. Вложенные списки.

^{Нумерованный список}

^<ol>

^{<li>элемент 1</li>}

^</ol>

^{<ol type="A">}

^{<li>элемент 1</li>}

^</ol>

^{<ol start="5">}

^{<li>элемент 1</li>}

^</ol>

^{Маркированный список}

^{<ul type="circle">}

^{<li>элемент 1</li>}

^{<li>элемент 2</li>}

^{<li type="disc">элемент 3</li>}

^{<li type="square">элемент 4</li>}

^</ul>

^{Многоуровневый список}

^{Списки определений}

^<dl>

^{<dt>Термин 1</dt>}

^{<dd>Аннотация1 к термину 1</dd>}

^{<dd>Аннотация2 к термину 1</dd>}

^</dl>

34.Гиперссылки и якоря в html. Примеры.

^{Гиперссылка –фрагмент текста обычно выделенный синим шрифтом и подчёркиванием, при нажатии на ссылку курсор переходит в руку с указательн. Пальцем и после нажатия происходит переход на др. страницу. Ссылка состоит из: 1) Указателя (может быть слово, группа слов или изображение)}

^{2) Адресной части ссылки( определяется URL-адрес загружаемого документа(HREF=)). Гиперссылки бывают: Внешние и Внутренние(кот., связывают ссылки на одном сайте) Якорь-внутрен. ссылка внутри страницы; гиперссылка внутри одного документа. Якорь: NAME- для определения якоря.}

^{Гиперссылка на другую страницу}

^{<a href="http://on-line-teaching.com/index.html">Ссылка на главную страницу сайта</a>}

^{<a href="index.html">Ссылка на начало учебника</a>}

^{Гиперссылка в пределах страницы(якорь)}

^{<a href="#Начало страницы">Наверх страницы</a>}

^{В то место, куда надо сделать переход надо вставить:}

^{<a name="Начало страницы"></a>}

^{Почтовая гиперссылка}

^{<a href="mailto:admin@on-line-teaching.com?subject=Письмо автору" title="Письмо автору с сайта www.on-line-teaching.com">admin@on-line-teaching.com</a>}

^{Открытие страниц в новом окне}

^{<a href="index.html" target="_blank"">Ссылка на первую страницу учебника</a>}

^{Цвет текста гиперссылок}

^{Атрибуты LINK, ALINK, VLINK задают цвет шрифта гиперссылок}