18. При помощи каких тегов можно организовать упорядоченные и неупорядоченные списки? Списки

• неупорядоченные(маркированные)

Неупорядоченный список задаётся тегом <ul>. Любой список состоит из элементов, "пунктов", каждый элемент в свою очередь задаётся тегом <li> после которого собственно и идёт текст нужного нам "пункта".

Вместе данные теги приобретают следующий вид:

<ul> <li> Пункт первый.. <li> Пункт второй.. <li> Пункт третий.. </ul>

• упорядоченные (нумерованные)

Упорядоченный или нумерованный список задаётся тегом <ol>, так же как и в неупорядоченном списке элемент списка присуждается тегом <li>.

Вместе данные теги приобретают следующий вид:

<ol> <li> Молоко <li> Хлеб <li> Сыр </ol>

[Изначально вопрос вообще выглядел подобным образом: При помощи каких тегов можно организовать неупорядоченные и неупорядоченные списки?, - так что я даже залипла ненадолго, а, по сути, плюс три новых тега, вроде просто же.]

19. Какова методика построения таблиц на html-страницах, и какие для этой цели используются теги?

Тег <table> задаёт начало и конец таблицы, любая таблица, как известно, состоит из строк и столбцов, для этого есть ещё два тега:

<tr> - строка таблицы <td> - столбец таблицы

Вместе эти теги пишутся так:

<table> <tr> <td>ячейка</td> </tr> </table>

Такая запись это самая маленькая таблица, в ней всего одна строка, содержащая один

столбец - ячейку

Часто при работе с таблицами возникает необходимость объединить те или иные ячейки в одну.

Здесь всё происходит не совсем так как в Word, и правильнее было бы говорить не "объединить" а "растянуть". Эту задачу решают атрибуты colspan и rowspan.

• colspan - определяет какое количество столбцов будет занимать данная ячейка

• rowspan - количество рядов занимаемое ячейкой

Также к тегам таблицы применимы атрибуты для форматирования ширины - width, высоты - height, и выравнивания по центру - <center>, вертикального - valign и горизонтального - align.

Значения атрибутов width и height в таблице могут указываться не только в пикселях, но и в процентах.

Cellspacing - задаёт расстояние в пикселях между ячейками таблицы. Задав значение cellspacing="0" можно избавиться от "зазора" между ячейками.

Атрибут cellpadding (не путайте с cellspacing) - в пикселях задаёт поля ячеек (отступ от границ ячеек до текста).

[Так, ну, тут и тегов и атрибутов полно, но самые главные – это первые три, для таблицы, строки и столбца.]

20. Каким образом можно организовать ссылку на другую html-страницу и ссылку на определенное место текущей страницы?

В тег <a> (от anchor- якорь) можно заключить текст или рисунок, которые станут ссылкой на те или иные документы. Атрибут тега <a> - href задаёт имя и путь к документу на который указывает ссылка.

Всё вместе пишется так:

<a href="путь ссылки">текст ссылки</a>

Ссылки выделяются цветом, по умолчанию синим - ссылка, а красным - уже посещенная ссылка, эти цвета можно изменить с помощью открывающего тега < body > и его атрибутов:

• link - цвет ссылки.

• alink - цвет нажатой, активной ссылки.

• vlink - цвет посещенной ссылки.

Для того что бы сделать текст или рисунок ссылкой на e-mail - почтовый ящик его нужно заключить в тег <a>, но не простой, а с использованием mailto

Пишем так:

<a href="mailto:электронный адрес">текст ссылки</a>

Чтобы при переходе по ссылке открыть документ в новом окне браузера, да не в текущем, что не всегда удобно, используют атрибут target (цель) и его значение _blank.

Пишется так:

<a href="путь ссылки" target="_blank">открыть в новом окне</a>

Закладки или якоря - это особый вид ссылок. Данные ссылки, как правило, не ведут к какому либо документу, а предназначены для навигации внутри страницы.

Пишется так:

<a href="#glava1"> текст ссылки</a> <a href="#glava2"> текст ссылки</a> <a href="#glava3"> текст ссылки</a>

[Согласна, тегов и атрибутов тут завались, но принцип прежний, так что запомнить нужно только короткий набор букв.]

В общем, всем удачи, Олеже не завидую: ему-то плюс еще столько же искать и учить.

В список литературы можете написать еще два сайта, с которых я брала всю информацию.

office.microsoft.com и ww.webremeslo.ru

Если остались непонятки, смело лезьте туда за разьяснением.