| Главная |
| HTML |
| Введение |
| Основные параметры |
| Таблица и Ссылки |
| Текст |
| Разметка |
| Дополнительно |
| Стильные ссылки |
| Стильные курсоры |
| Таблица цветов |
| Софт |
| Скрипты |
| Форум |
| Ссылки |
| Webmaster |
|
|
Основным средством веб-дизайнера в Интернете являются таблицы. При умелом использовании можно добиться расположения рисунка или текста в любом месте странички. Конечно, это довольно трудоёмкий процесс, но таблицы корректно поддерживаются всеми браузерами, даже старых версий.
Таблица начинается с нехитрого тега <TABLE>, а заканчивается </TABLE>. Всю структуру таблицы составляют два парных тега: тег строки <TR> (row) и тег ячейки <TD>. Закрывающие теги обязательны. В таблице должен существовать такой порядок: сначала идёт тег строки, а в нём уже тег ячейки.
Основные параметры данного тэга:
WIDTH="ширина таблицы"
HEIGHT="высота таблицы"
ALIGN="выравнивание по горизонтали" -может быть:"centr","left","right"
BORDER="рамка"
BORDERCOLOR="цвет рамки"
BGCOLOR="цвет фона"
BACKGROUND="фоновый рисунок"
Если содержимое ячейки не умещается в одной можно задать параметр
пропуска строк или ячеек. С помощью атрибута ROWSPAN (row -
строка) вы распространяете содержимое на нужное количество строк, а
атрибутом COLSPAN (column - колонка) - распространяете на
нужное количество колонок.
Для тех, кто хочет расширить возможности своей таблице может
использовать таблицу в таблице - вложенные таблицы. Вложенная таблица
должна быть только между тегами ячейки у предыдущей таблицы.
Выглядит это все,так:
<HTML>
<HEAD>
<TITLE>Заголовок страницы</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#ffffff" link="#F9F7FD" VLINK="#F9F7FD">
<TABLE BORDER=3 width="500" height="300" align="center" >
<CAPTION>Заголовок таблицы </CAPTION>
<TR bgcolor="#00ffff">
<TD bgcolor="#ff0000">Первая ячейка первой строки</TD>
<TD bgcolor="#000000">Вторая ячейка первой строки</TD>
<TD>Третья ячейка первой строки</TD>
</TR>
<TR BGCOLOR=#ff0000>
<TD COLSPAN=3>Строка, занимающая три ячейки</TD>
</TR>
</TABLE>
</BODY>
</HTML>
В парный тэг <TD></TD> можно вставить:
Текст
Ссылку- <A HREF="http://www.yourhomepage.ru">ссылка</A>
Ссылку в виде картинки- <A HREF="http://www.yourhomepage.ru"><IMG SRC="картинка"></A>
Вообще указание адреса какого-нибудь файла (например, рисунка) бывает разным. Вам надо только понять, что ваш сайт на сервере – всего лишь папка с определенными файлами. Поэтому, если файл лежит в этой же папке достаточно указать его имя. Если файл лежит во вложенной папке, то надо указать имя папки, затем прямой слеш "/" и название нужного вам файла. Если HTML-документ лежит во вложенной папке, а рисунок во вложенной, но только уровнем наверх, то ставите "../", название вложенной папки и имя файла. Если надо подняться на два, три или более указываете "../" столько раз, сколько вам нужно. Зато для переноса отсчета в корневую папку надо поставить только слеш "/" и продолжать писать адрес уже относительно корня.
Другой разновидностью ссылок является:
<A HREF="mailto:youraddress@yourdomen.ru">Пишите письма</A>
При нажатии на нее запустится почтовая программа, в поле адреса которой появится указанный вами адрес.
Реклама
|