Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Поиск
I Адрес: |?] С:\ШЕоЛтаблияа.МнН
[Главная страница.
I
[О кампании ,
щ
- -.,
[Услугн J
t : "
[Контакты
!Деятельность
[Прййс-лнст
регистрация
^Гостевая книга
л
t
! ,
[Полезные ссылки]
H
щ
firm <x
O
"III! Г
jjSjjf My Computet
..............J
Рис. 1.26. Центрированная таблица с линиями сетки
Отцентрируем данные в ячейках ¦ и установим полужирное начертание текста.
> Перейдите к редактору Блокнот (Notepad). '
> Во всем документе с таблицей замените пары тегов <tdx/td> на пары <thx/th> (Рис. 1.27). :
«Райя Правка Формат Вид Справка
<html> <head>
<иЙе>Таблица- -ЛЙ1е>
</head> .;..
<body>
<tableborder=2 aligii=centei> <Ігхиі>Главная страмща<Л1і><Лг> <tiX(j)>0 кампамп i</thx/tr>
<tl"Xt|j.>y CJI)TI (</tll></tl>
<tiXth>KonTaKibi</tliX/ti-> <^гХЦі>Деятельность</иіХ/Іі> ч. <ихйі>Прайс-ліст-'Л1іХ,%> <trX,tli>Pen істраці M</UP</tr> <ихиі>Гостеваякні іга<Ліі></Ц> <(г><иґ>Поле-івиесшлмі</иі></(г> </toble> </body>
-html ' '
Uli.)- J ¦ U IJlHII
Рис. 1.27. HTML-код отформатированной таблицы
2 - 5967
,Быстро и легко создаем, программируем и раскручиваем Web-сайт
34__
> Сохраните HTML-документ на диске.
> Перейдите к программе Microsoft Internet Explorer и перезагрузите файл таблица.гпті.
На Web-странице текст в ячейках примет полужирное начертание и выровняется по центру (Рис. 1.28).
Фай* Прав» Вия Избранием C-rprunc Справка ф
O)H«, - Q • g| g] <g) J P Поме •/f И ^.HHD. ag)| *
Адрес: СЛ^вЧтайаива^й»! _____Щ В Пороша LH« *
У
I !Главная страница!
¦
¦V
Ii
H
I
I О кампании _J
[ Услуги J
I Контакты
I Деятельность
L Прайс-лист
[ Регистрация J [Гостевая KHHTaJ
Пол*інше ссылки
™
ЦІ Готом I L Jl II I ilSUMyComnuta j\
РиС 1.28. Отформатированная таблица на Web-странице
На Web-страницах таблицы часто используются в качестве меню, элементы которого являются ссылками. На основе элементов таблицы Главная страница и Услуги создадим ссылки на подготовленные ранее документы атлант.МтІ и список.Мт).
> Перейдите к редактору Блокнот (Notepad).
> В документе замените элемент с тегом <tr> и текстом Главная страница на ¦ фрагмент HTML-кода:
<trxthxa href = "атлант.html">Главная cTpaH*ma</ax/thx/tr>
¦t: і-
Mr.
Фа*. Пр-ха формат Вн. Ср.
<hinu> <1iead>
<title>Ta6.nin4a---/title> .... •''
</head> " ¦ ' '¦ ¦ к >** '•
<bod>'> •'• ' 'Г- A(I' -': .
< tableboidei=2 alijar=centa-> "-' .
<trxth;<a luef—'атлагп.ЬЬпГ^Главная странііца</лх/иі>;/и>
<:ІгхЙі!,0 кампантг^ЧІїХ'Іі:*
<Jrx^<8 liref="cni ко^1Ы'-'УслулК-'а ~</ttixiti>
< :trxfli>KoHTOKTbK'tli>=Vti> <и;~'І1і>Деятельность</иіх/(і>
<tixUi>npanc-.rciCT</tlix/tr> - > t /" ¦
<І*;'<иі>Решстращга</»1їх:/(г> '-ViJ.,^
<trxth-Гостевая киіпКЛІі><Лг> .-;
<и-х(Ь>Пол«ньіессьілкіг'Л1іх,%> ' ;а.в
</table> ,. ¦ . Г-'
<А»4у> . ¦ "1 ..-
<7htinl> '•..- •'- ' и ¦¦' • ¦ /' ¦'¦^?
Рис. 1.29. Окончательный вид HTML-документа с таблицей
ГЛАВА 1. Первая Web-страница за несколько минут ' _ 35
'.M11A1IMr-H.....I1IIiI......1111.....ШШЩ
Файл Правка вид избранное сервис Справка
? їх
*j
t$H.** * O ' Й Й <І /)П,ИЛ <$?**6ршш«ш j*)
**
/7icWEBl!S^H.I „ _Q пере мод I ur** »
Глпвтя страница Окампашш
У<лугц J Контакты j Деятельность j Прайс-лист J Регистрация j Гостевая книга ] Полезные ссылки!
-:'ліш
»Щ готова : ;| II IfTI[T] "ГУ МуСят^*" '. ~Л
• Рис. 1.30,Таблица со ссылками .
> Подведите указатель мыши к ячейке таблицы с названием Главная страница. Указатель мыши примет вид .
. > Щелкните мышью на этой ячейке. В окне браузера появится основная Web-VTраHиЦа (Рис. 1.22).
С помощью пары тегов <capt?onx/captlon> есть возможность указать заголовок таблицы. Ячейки таблицы могут содержать практически любые теги, допустимые в теле документа. В том числе, в ячейку можно поместить другую таблицу.
Kak отправить письмо с Web-страницы
Одним из популярных средств Интернета является электронная почта, которая может '* •¦' оказаться полезной и для вашей Web-страницы или сайта. С помощью электронных сообщений есть возможность получить отклик на ваш документ, письма о проблемах и пожеланиях, связанных с сайтом, деловые предложения.
¦2* ¦
>• Также замените элемент с тегом <tr> и текстом Услуги на HTML-код:
<ti xthxa href="croicoit.html">ycflyrM</a></th></tr> •••.^•7- У' <
Созданный HTML-документ изображен на Рис. 1.29. ' .¦
> Сохраните HTML-документ на диске.
> Перейдите к программе Microsoft Internet Explorer и перезагрузите файл таблица.МтІ,