- •Часть 1 Основы языка гипертекстовой разметки html
- •Основы публикации в Сети Из истории создания Сети
- •Всемирная паутина World Wide Web
- •Протокол http
- •Язык html
- •Гипертекст и гиперссылки
- •Основы организации веб-страниц
- •Планирование и организация сайта
- •Анатомия веб-страниц. Основные элементы документа
- •Заголовок документа
- •Тело страницы
- •Ввод текста абзаца
- •Горизонтальная линия
- •Заголовки
- •Стилизация текста
- •Атрибуты списков
- •Построение таблиц Создание таблиц
- •Заголовок
- •Атрибуты cellpadding и cellspacing
- •Создание гиперссылок
- •Создание ссылок
- •Ссылки на элементы текущей страницы (закладки)
- •Специальные ссылки Ссылка mailto
- •Ссылка на сайт ftp
- •Изображения
- •Ввод текста
- •Добавление гиперссылок
- •Создание списков
- •Добавление графических элементов
- •Сохранение документа в формате веб-страницы
- •Использование Мастера веб-страниц
- •Создание ссылки на раздел страницы
- •Вставка рисунков
- •Создание таблиц
- •Разработка веб-узла Мастер веб-узла
- •Режимы просмотра
- •Общие поля элементов
- •Просмотр страницы
- •Содержание
- •Часть 1 Основы языка гипертекстовой разметки html
- •620002, Екатеринбург, ул.Мира, 19
- •620002, Екатеринбург, ул.Мира, 19
Атрибуты cellpadding и cellspacing
Атрибут cellspacing увеличивает расстояние между ячейками в пикселах (ячейки рисуются отдельно друг от друга).
Атрибут cellpadding определяет количество пространства, которое должно быть отведено под расстояние между границей ячейки и ее содрежимым. По умолчанию это значение равно 1. При нулевом значении содержимео ячеек будет наползать на границы.
Пример:
<table border="1" cellspacing="10" cellpadding="10">
В окне браузера получится следующая картинка.
-
Годовой отчет
Статья
1 квартал
2 квартал
3 квартал
4 квартал
Доходы
15000
12000
14000
13.500
Расходы
10000
8000
11000
8.500
Рис.2
Атрибуты элемента <body>
Для элемента, задающего тело страницы, можно определить следующие атрибуты.
background="URL" – задает рисунок фона страницы. Если рисунок меньше размера страницы, изображение начинает повторяться.
bgcolor="цвет" – задает цвет фона страницы.
text="цвет" – задает цвет основного текста.
link="цвет" – задает цвет гиперссылок.
vlink="цвет" – задает цвет «посещенных» гиперссылок.
alink="цвет" – задает цвет активных (выбранных) гиперссылок.
Создание гиперссылок
Гиперссылки – это основа перемещения по веб-сайтам. Щелкнув по ссылке, мы попадаем на какой-то связанный с данной страницей URL, который загружается в браузере или во вспомогательном приложении.
Для создания гиперссылки используется элемент <a> − якорь. Он дополняется атрибутом href (в нем указывается URL, на который следует перейти по данной ссылке). URL состоит из двух частей: протокола и пути назначения. Самым распространенным в Интернете протоколом является http://, с его помощью запрашиваются веб-документы. Путь назначения может представлять собой имя файла, каталога или компьютера.
Примеры адресов:
http://www.mycorporation/products/product1.htm
ftp://ftp.netscape.com
Адреса, приведенные выше, называются абсолютными. Первый указывает на конкретный документ, второй – на компьютер.
Когда необходимо обращаться к адресам, которые находятся на одном компьютере в одном корневом каталоге и отличаются только путями и именами файлов, то можно использовать относительные адреса.
Пусть структура каталогов сайта имеет следующий вид.
www.mycorporation.com
(корневой каталог; кроме каталогов содержит файлы
i
ndex.htm,
adout.htm)
service products help
(
содержит
файл
contact.htm) (help_doc.htm)
hard soft
(product1.htm) (program1.htm)
Тогда относительный адрес страницы index.htm:
index.htm
Относительный адрес страницы contact.htm:
/service/contact.htm
При задании относительных адресов используются следующие правила:
Если нужно попасть в подкаталог относительно текущего каталога, используется нотация вида:
/подкаталог 1/подкаталог 2/ …/имя_документа.htm
Для перехода в родительский каталог используется нотация:
../имя_документа_в_родительском_каталоге
3. Для перехода из подкаталога в другой подкаталог, не вложенный в предыдущий:
../имя_подкаталога 1/имя_подкатлога 2/…/имя_документа
Пример:
../help/help_doc.htm
Элемент <base/> позволяет задать базовый адрес корневого каталога сайта:
<head>
<base href="http://www.mycorporation.com"/>
</head>
Все относительные адреса будут строиться относительно базового.
Пример:
Чтобы попасть на страницу contact.htm, задаем адрес:
service/contact.htm
!!! Элемент <base/> отражается на всех относительных адресах на данной странице.
