На страницу mail.Ru
Если нужно сделать ссылку на страничку, находящуюся в другой папке или на другом компьютере, в параметре HREF указывается путь к этой странице.
<A HREF=“А:\проект\моя_страница.htm”>Моя страница </A>
Моя страница
Если страница, на которую делается ссылка, находится в той же папке, что и данная, тогда достаточно указать имя файла.
<A HREF=“моя_страница.htm”>Моя страница </A>
II.
Если нужно сделать переход в пределах одной страницы, тогда текстовой фрагмент, на который будет указывать гиперссылка, помечается закладкой с помощью параметра NAME. В NAME записывается имя (имя может быть любым), которое потом указывается в параметре HREF. Такую гиперссылку называют внутренней.
Например, в следующем текстовом фрагменте:
Туманность Кошачий глаз.
На расстоянии три тысячи световых лет от нас умирающая звезда сбрасывает оболочки светящегося газа. На этом изображении, полученном Космическим телескопом Хаббла, видно, что туманность Кошачий глаз одна из планетарных туманностей с самой сложной структурой. Действительно, детали, наблюдаемые в Кошачьем глазе так сложны, что астрономы предполагают, что яркий центральный объект может быть двойной звездной системой.
Термин планетарная туманность, используемый при описании класса подобных объектов, вводит в заблуждение. Хотя в небольшие телескопы такие объекты могут выглядеть круглыми и похожими на планеты, изображения с высоким разрешением показывают, что это - звезды, окруженные коконами из газа, сброшенными на поздних стадиях эволюции звезды.
Первое слово в заголовке «Туманность» помечается закладкой с именем «Кошачий»:
<A NAME=”Кошачий”>Туманность</A>.
Затем, делаем гиперссылку на этот фрагмент (можно сделать из любого места нашей страницы, например, подпись «Туманность Кошачий глаз» под снимком туманности).
<A HREF=“#Кошачий”>Туманность кошачий глаз</A>.
В окне обозревателя появится гиперссылка: Туманность Кошачий глаз, при щелчке указателя мышки на которой произойдет переход к данному текстовому фрагменту.
Вернемся к Таблице 1.
|
Создание гиперссылок в языке HTML |
|
|
<A NAME=“имя закладки”>Текст</A> |
Создание в HTML-коде закладки для внутренней гиперссылки. На месте слова “Текст” ставится первое слово или фраза из текстового фрагмента, на который потом будет делаться ссылка. |
|
<A HREF=“#имя закладки”>Текст </A> |
Создание внутренней гиперссылки. То, что ссылка внутренняя указывается с помощью значка «#» в параметре HREF. |
|
<A HREF=“Адрес страницы”>Текст </A> |
Создание гиперссылки на Web-страницу, адрес которой записывается в параметре HREF. |
III.
Существует еще один параметр гиперссылки – TARGET. Обычно этот параметр используется тогда, когда страница загружается в какую-то конкретную (выделенную) область окна браузера – фрейм (см. лекцию 8). Значение параметра TARGET показывает, где будет размещаться страница, на которую указывает ссылка.
Вернемся к Таблице 1.
|
<A HREF=“Адрес страницы” TARGET= ”имя фрейма“ | _blank | _top | _self | _parent >Текст </A> |
Если в TARGET заносится имя фрейма, тогда страница, на которую указывает ссылка, будет отражена в этом фрейме.
Знак «_» перед следующими значениями TARGET показывает, что они не являются именами фреймов. _blank – страница будет отображаться в новом чистом окне обозревателя. _top – страница будет загружаться в самый верхний фрейм текущего окна. _self – страница будет загружаться в то же окно, в котором находится ссылка, т. е. в текущее. _parent – страница будет загружаться в текущее родительское окно фрейма. Если родительских окон не существует, то _parent становится тождественным _self.
|
Лекция 7.
Тема: Таблицы.
Новый материал.
Таблицы широко применяются при создании HTML документов, причем используются не только для размещения данных в табличном виде. Нередко с помощью таблиц компонуются сложные графические элементы (что ускоряет их загрузку в окно обозревателя).
Пример: распишем HTML-код следующей таблицы.
|
А |
В |
С |
|
1 |
2 |
3 |
<TABLE border>
<TR>
<TD> A </TD>
<TD> B </TD>
<TD> C </TD>
</TR>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
<TD> 3 </TD>
</TR>
</TABLE>
Таким образом, тег <TR> </TR> задает одну строку таблицы. Все, что находится между открывающим и закрывающим тегами относится к этой строке.
Теги <TD> </TD> определяет одну ячейку. Содержимое ячейки располагается между ними. В ячейке может располагаться как текст, так и графические объекты.
Вернемся к Таблице 1.
|
Создание таблиц в языке HTML |
|
|
<TABLE> </TABLE> |
Этот тег отвечает за создание таблицы в языке HTML. |
|
Параметры тега <TABLE
align=centerleftright
width=m
border=k
cellspacing=n
cellpadding=n > </TABLE> |
Если следующие параметры не указанны, тогда они принимают стандартные значения по умолчанию.
Выравнивание всей таблицы (по умолчанию left).
Определяет ширину всей таблицы, m принимает значение либо в точках, либо в процентах (от ширины окна). Задает рамку таблице, k ширина рамки в точках (по умолчанию k=1). Если k=0, то создается таблица без рамки. Определяет расстояние между ячейками в токах (стандартное равно 2).
Определяет расстояние между содержимым ячейки и ее границами в токах (стандартное равно 1). |
|
<TR> </TR> |
Тег, задающий одну строку таблицы. |
|
Параметры тега <TR align=leftright | center
valign=topbottom | middle> </TR> |
Выравнивание содержимого ячеек в строке по вертикали (по левомупо правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнемупо нижнему краю / по середине). |
|
<TD> </TD> |
Тег, задающий одну ячейку таблицы. |
|
Параметры тега <TD align=leftright | center
valign=topbottom | middle
width=m
bgcolor=” цвет ячейки“
rowspan=n
colspan=n |
Выравнивание содержимого ячеек в строке по вертикали (по левомупо правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнемупо нижнему краю / по середине).
Определяет ширину ячейки, m принимает значение либо в точках, либо в процентах (от ширины таблицы).
Определяет цвет ячейки.
Объединение в одном столбце n строк
Объединение в одной строке n столбцов
|
|
<TH> </TH> |
Тег, задающий ячейку, в которой будет помещаться заголовок. Параметры этого тега аналогичны параметрам тега <TD> </TD>. |
Примеры.
Пример 1. Выравнивание:
|
* |
* |
* |
|
* |
* |
* |
|
* |
* |
* |
HTML-код:
<TABLE border width=25%>
<TR>
<TD valign=bottom> * </TD>
<TD valign=middle> * </TD>
<TD valign=top> * </TD>
</TR>
<TR align=center>
<TD valign=bottom> * </TD>
<TD valign=middle> * </TD>
<TD valign=top> * </TD>
</TR>
<TR align= right >
<TD valign=bottom> * </TD>
<TD valign=middle> * </TD>
<TD valign=top> * </TD>
</TR>
</TABLE>
Пример 2. Таблица:
ширина – 50% от ширины окна;
рамка – 6 точек;
первый столбец – заголовки, ширина 40% от ширины таблицы;
второй столбец – 1-ая и 2-ая ячейки содержат несколько строк.
I.
|
Исполнитель |
ЧайФ |
|
Название альбома |
Время не ждет |
|
Год |
2001 |
HTML-код:
<TABLE border=6 width=50%>
<TR valign=middle>
<TH width=40%> Исполнитель </TH>
<TD align=right> ЧайФ </TD>
</TR>
<TR valign=middle>
<TH width=40%> Название альбома </TH>
<TD align=right> Время не ждет </TD>
</TR>
<TR valign=middle>
<TH width=40%> Год </TH>
<TD align=right> 2001 </TD>
</TR>
</TABLE>
II. Раскрасим таблицу.
|
Исполнитель |
ЧайФ |
|
Название альбома |
Время не ждет |
|
Год |
2001 |
HTML-код:
<TABLE border=6 width=50%>
<TR valign=middle>
<TH width=40% bgcolor=red> Исполнитель </TH>
<TD align=right bgcolor=yellow> ЧайФ </TD>
</TR>
<TR valign=middle>
<TH width=40% bgcolor=red> Название альбома </TH>
<TD align=right bgcolor=yellow> Время не ждет </TD>
</TR>
<TR valign=middle>
<TH width=40% bgcolor=red> Год </TH>
<TD align=right bgcolor=yellow> 2001 </TD>
</TR>
</TABLE>
Пример 3. Использование параметра rowspan (объединение строк).
I.
|
А |
В |
С |
|
D |
Е |
HTML-код:
<TABLE border>
<TR>
<TD rowspan=2> A </TD>
<TD> B </TD>
<TD> C </TD>
</TR>
<TR>
<TD> D </TD>
<TD> E </TD>
</TR>
</TABLE>
II.
|
А |
В
|
С |
|
D |
E |
HTML-код:
<TABLE border>
<TR>
<TD> A </TD>
<TD rowspan=2> B </TD>
<TD> C </TD>
</TR>
<TR>
<TD> D </TD>
<TD> E </TD>
</TR>
</TABLE>
Пример 4. Использование параметра colspan (объединение столбцов).
I.
|
А |
||
|
B |
C |
D |
HTML-код:
<TABLE border>
<TR>
<TD colspan=3> A </TD>
</TR>
<TR>
<TD> B </TD>
<TD> C </TD>
<TD> D </TD>
</TR>
</TABLE>
II.
|
А |
В |
С |
|
D |
E |
|
HTML-код:
<TABLE border>
<TR>
<TD> A </TD>
<TD> B </TD>
<TD> C </TD>
</TR>
<TR>
<TD> D </TD>
<TD colspan=2> E </TD>
</TR>
</TABLE>
Пример 4. Использование параметров rowspan и colspan.
|
А |
B |
|
C |
HTML-код:
<TABLE border>
<TR>
<TD rowspan=2 colspan=2> A </TD>
<TD> B </TD>
</TR>
<TR>
<TD> C </TD>
</TR>
</TABLE>
Таким образом, количество объединяемых ячеек в таблицах рассматривается из расчета относительно самой маленькой ячейки.
Пример 5.
В качестве содержимого ячейки может выступать не только текст, но и графические объекты.
I.
На данной странице снимки и подписи под ними располагаются в таблице с невидимыми границами.
Рис. 1
HTML-код:
<HTML><HEAD><TITLE>Снимки из космоса</TITLE></HEAD>
<BODY bgcolor=#ffffff>
<H1 align=center>Снимки, сделанные Космическим телескопом "Хаббл".</H1>
<TABLE align=center cellSpacing=0 cellPadding=3 width=90% border=0>
<TR>
<TD vаlign=center><IMG width=300 height=280 src=eskimo_hst.jpg></TD>
<TD vаlign=center><IMG width=300 height=280 src=13-30000.jpg></TD>
</TR>
<TR>
<TD vаlign=center>Туманность "Эскимос"</TD>
<TD vаlign=center>Снимок Марса</TD>
</TR>
<TR>
<TD vаlign=center><IMG width=300 height=280 src=snake_cfht.jpg></TD>
<TD vаlign=center><IMG width=300 height=280 src=25000000.jpg></TD>
</TR>
<TR>
<TD vаlign=center>Туманность "Змея"</TD>
<TD vаlign=center>Снимок Юпитера</TD>
</TR>
</TABLE>
</BODY>
</HTML>
II.
На следующей странице демонстрируется обтекание картинки текстом. Этот эффект достигается благодаря таблице с невидимыми границами.
Рис. 2
HTML-код:
<HTML><HEAD><TITLE>Космический телескоп "Хаббл"</TITLE></HEAD>
<BODY bgColor=#00ff90>
<H1>Космический телескоп "Хаббл"</H1>
<TABLE cellSpacing=0 cellPadding=3 width="90%" border=0>
<TR>
<TD valign=center><IMG src=st.gif></TD>
<TD valign=bottom>
"Хаббл" - это телескоп-рефлектор с зеркалом диаметром 2.4 м. - по земным понятиям немаленький, но на земле уже есть телескопы с зеркалами диаметром до 10 м (например, Keck1 и Keck2). Им, тем не менее далеко до Хаббла. Телескоп в основном Американский, хотя кроме NASA в проекте участвует Европейское Космическое агентство (ESA).
<p> О таком телескопе мечтали еще в 40-х годах. Проектировался и строился он в 70-х - 80-х, и после ряда отсрочек, был запущен Шаттлом в апреле 1990 г. Увы, не все оказалось в порядке. После запуска у Хаббла оказалось слегка деформированным главное зеркало: на 2 микрона с краю относительно центра. 2 микрона это 4 - 5 длин волн света, т.е. разрешение ухудшается почти на такую же величину. В результате телескоп оказался подслеповатым и лишь умеренно превосходил наземные телескопы в разрешении.
</TD>
</TR>
<TR>
<TD valign=top colspan=2>
В 1993 году при полете Шаттла к Хабблу на телескоп была поставлена корректирующая оптика - все равно, что очки. Эффект превзошел все ожидания: телескоп видел лучше, чем изначально планировалось. Следующие сервисные полеты Шаттла были в 1997 и 1999 годах и тоже оказались очень успешными.
<p> Телескоп Хаббл работает как международная обсерватория. Рассматриваются проекты со всего мира, хотя конкуренция за время наблюдений весьма жесткая: принимается в среднем один из 10 проектов. Телескопом Хаббл были сделаны следующие снимки: Туманность Кошачий глаз, Туманность Эскимос, Туманность Змея и другие.
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Лекция 8.
Тема: Фреймы.
Новый материал.
Frame в переводе с английского означает рамка, кадр. Использование фреймов при создании HTML-документа позволяет его лучше организовать и сделать более интересным. Создание фреймов во многом похоже на создание таблиц. Область окна разбивается на кадры (аналог ячейки в таблице), в каждый кадр помещается отдельная HTML-страница.
За разбиение области окна браузера на фреймы (кадры) отвечает тег <FRAMESET> </FRAMESET>. Располагать фреймы можно вертикально (рис 1), горизонтально (рис 2) и использовать смешанную (вложенную) структуру (рис 3).
|
|
|
Фрейм 1 |
|
Фрейм 2 |
|
|
|
|
|
|
|
|
Фрейм 1 |
Фрейм 2 |
-
Фрейм 1
Фрейм 2
Фрейм 3
Рис 3.
За вставку в каждый фрейм HTML-страницы отвечает непарный тег <FRAME>
Вернемся к Таблице 1.
|
Создание фреймов в языке HTML |
|
|
<FRAMESET> </FRAMESET> |
Тег, определяющий набор фреймов и задающий общую структуру этого набора. |
|
Параметры тега <FRAMESET rows= “n, .. , *”
cols= “n, .. ,*”
border=n
frameborder= “yes no”
bordercolor= “цвет рамки”
bgcolor= “цвет фона фрейма” > </FRAMESET> |
Вертикальная структура набора фреймов, n принимает значение в точках или в процентах. Символ “*” указывает, что на последний фрейм отводится вся оставшаяся часть окна.
Горизонтальная структура набора фреймов.
Задает ширину в точках всех фреймов, входящих в набор. Если n=0, все фреймы будут без рамок. По умолчанию border=5. Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. По умолчанию frameborder принимает значение yes и рамка имеет трехмерную форму. Если frameborder= “no”, тогда рамка фрейма будет невидимой.
Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. Задает цвет рамки.
Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. Задается цвет фона фрейма. |
|
<FRAME> |
Тег, описывающий каждый из фреймов, входящих в набор. |
|
Параметры тега <FRAME
name= “имя фрейма”
src= “URL или Путь/Имя файла”
marginheight=n
marginwidth=m
scrolling= “yes no auto”
noresize >
|
Параметр, дающий имя фрейму. Используется тогда, когда содержимое фрейма будет меняться, т. е. на этот фрейм будут делаться ссылки (если фрейму не присвоить имени на него нельзя будет ссылаться). Значение name используется в параметре target гиперссылки.
Вставка во фрейм конкретной HTML-страницы.
Параметры, задающий внутреннюю рамку фрейма. Отступ в n точек от верхней и нижней границы. Отступ в n точек от правой и левой границы фрейма.
Параметр, задающий полосы прокрутки. Auto по умолчанию.
Параметр запрещающий менять границы фреймов (достаточно указать в одном фрейме, чтобы не менялись границы смежных с ним) |
Пример. Из имеющихся 4-х HTML-страниц нужно собрать страницу (сайт), имеющую смешанную (вложенную) структуру (см. рис 3).
HTML-страницы:
menu.htm
oglav.htm
стр_1.htm
стр_2.htm
menu.htm
HTML-код:
<html>
<head><title>Навигатор сайта</title></head>
<body bgcolor="teal">
<h3>Навигатор</h3>
<ol>
<li><a target="содержание" href="стр_1.htm">Страница 1</a>
<li><a target="содержание" href="стр_2.htm">Страница2</a>
</ol>
</body>
</html>
oglav.htm
HTML-код:
<html>
<head><title>Главная страница</title></head>
<body bgcolor="#990022">
<h1 align=center>Заголовок</h1>
</body>
</html>
стр_1.htm
HTML-код:
<html>
<head><title>Страница 1</title></head>
<body bgcolor="olive">
<h1>Страница 1</h1>
<center>
<img src="опята.jpg">
</center>
</body>
</html>
стр_2.htm
HTML-код:
<html>
<head><title>Страница 2</title></head>
<body bgcolor="silver">
<h1>Страница 2</h1>
<center>
<img src="озеро.jpg">
</center>
</body>
</html>
Сайт.
HTML-код:
<html>
<head></head>
<frameset rows="20%,*">
<frame src="oglav.htm">
<frameset cols="25%,*">
<frame src="menu.htm">
<frame name="содержание" src="стр_1.htm">
</frameset>
</frameset>
</html>
Демонстрация работы сайта: папка «пример», файл сайт.htm.
Таблица 1.
|
СТРУКТУРНЫЕ ТЕГИ |
|
|
<HTML> </HTML> |
Тег, указывающий браузеру, что далее следует HTML-страница. Весь текст (HTML-код) должен находится между этими тегами. Открывающий тег <HTML> помещается в самом начале страницы, а закрывающий </HTML> - в самом конце. |
|
<HEAD> </HEAD> |
Тег заголовка HTML-страницы. Помещается в самом начале, после тега <HTML>. Между тегами заголовка ставится тег названия страницы <TITLE> </TITLE>. |
|
<TITLE> </TITLE> |
Между этими тегами помещается текст, являющийся названием страницы. Название HTML-страницы высвечивается в заголовке окна программы-браузера. |
|
<BODY> </BODY> |
Внутри этого тега пишется то, что будет доступно в области просмотра браузера (другими словами – тело страницы). Этот тег имеет несколько параметров. |
|
<BODY background=”URL” bgcolor=цвет фона text=цвет текста link=цвет гиперссылки alink=цвет активной гиперссылки vlink=цвет просмотренной гиперссылки> </BODY> |
Параметр background отвечает за обои HTML-странички. URL – путь к файлу, который вы выбрали в качестве обоев. Если этот файл поместить в ту же папку, что и HTML-страничку, то достаточно указать только имя файла. Вместо слов «цвет фона» пишется текстовое или числовое значение цвета фона страницы, вместо «цвет текста» - текстовое или числовое значение цвета символов в тексте. Параметры link, alink и vlink отвечают за цвет гиперссылок. Если они не указаны, тогда link и alink автоматически принимают значение «синий», а vlink – «лиловый». |
|
Теги, управляющие внешним видом HTML-страницы |
|
|
<Hn> </Hn> |
Тег, определяющий размер и формат заголовков в тексте, n принимает значения от 1 до 5. Тест заголовка находится между открывающим и закрывающим тегами. |
|
<Hn align=centerleftright> </Hn> |
Выравнивание заголовка по центрупо левому краю страницыпо правому краю страницы. Если этот параметр не указан, то выравнивание автоматически производится по левому краю. |
|
<P> (</P>) |
Тег «параграф», отделяет абзацы друг от друга. Тест абзаца заключается между соответствующими тегами. |
|
<P align=centerleftright > (</P>) |
Выравнивание абзацев по центрупо левому краю страницыпо правому краю страницы. Если этот параметр не указан, то выравнивание автоматически производится по левому краю. |
|
<B> </B> |
Полужирное начертание символов, заключенных между открывающим и закрывающим тегами. |
|
<I> </I> |
Курсивное начертание символов. |
|
<U> </U> |
Подчеркивание символов. |
|
<SUB> </SUB> |
Подстрочный индекс. |
|
<SUP> </SUP> |
Надстрочный индекс. |
|
<FONT size=n color=цвет символов fase=название шрифта> </FONT> |
Параметр size определяет размер шрифта в условных единицах от 1 (самый маленький) до 7 (самый большой). Параметр color позволяет указать цвет шрифта. Параметр fase определяет внешний вид шрифта в браузере (например, шрифт Arial или Times New Roman). |
|
<BASEFONT> </BASEFONT> |
Этот тег задает параметры шрифта для всей страницы. Изменить какой-то параметр можно только через тег <FONT> </FONT> |
|
<HR> |
Этот тег указывает на то, что браузер должен отобразить горизонтальную линию, идущую через весь экран. |
|
<HR size=n width=m> |
Параметром size определяется толщина линии в точках, n принимает значение от 2 до 7. Параметром widht задается длина линии, m принимает значение либо в точках, либо в процентах. |
|
<HR color=цвет линии> |
Вместо слов «цвет линии» пишется текстовое или числовое значение желаемого цвета. |
|
<HR align=centerleftright > |
Выравнивание горизонтальной линии по центрупо левому краю страницыпо правому краю страницы. Если этот параметр не указан, то выравнивание автоматически производится по левому краю. |
|
Теги, отвечающие за размещение графических объектов |
|
|
<IMG src= “Путь/Имя файла”> |
Этот тег указывает на то, что браузер должен отобразить графический объект, имя которого указано в параметре src. |
|
<IMG align=leftright src= “Путь/Имя файла”> |
Выравнивание графического объекта по левому краю страницыпо правому краю страницы. Если этот параметр не указан, то выравнивание автоматически производится по левому краю. |
|
<IMG width=m height=h border=k src= “Путь/Имя файла”> |
Параметр width задает ширину (длину) графического объекта, параметр height определяет высоту. Значения m и h могут задаваться в точках или процентах. Если эти параметры не указаны, то размеры графического объекта будут исходными. Параметр border заключает картинку в рамку, k – толщина рамки в точках. |
|
Теги, отвечающие за создание списков |
|
|
<OL type= 1 A a I i start=значение> </OL> |
Это тег отвечает за создание нумерованного списка. Элементы списка располагаются между открывающим и закрывающим тегами, каждый элемент объявляется тегом <LI>. Параметр type задает тип нумерации списка (по умолчанию – арабские цифры). Параметр start указывается тогда, когда необходимо начать нумерацию не с первого значения. |
|
<LI> |
Тег, объявляющий один элемент списка. |
|
<UL type= square disk circle> </UL> |
Это тег отвечает за создание маркированного списка. Элементы списка располагаются между открывающим и закрывающим тегами, каждый элемент объявляется тегом <LI>. Параметр type задает тип маркера. |
|
<DL> </DL> |
Это тег отвечает за создание списка определений. Элементы списка располагаются между открывающим и закрывающим тегами. |
|
<DT> |
Тег, создающий элемент списка определений, являющийся термином. |
|
<DD> |
Тег, создающий элемент списка определений, являющийся определением. |
|
Создание гиперссылок в языке HTML |
|
|
<A NAME=“имя закладки”>Текст</A> |
Создание в HTML-коде закладки для внутренней гиперссылки. На месте слова “Текст” ставится первое слово или фраза из текстового фрагмента, на который потом будет делаться ссылка. |
|
<A HREF=“#имя закладки”>Текст </A> |
Создание внутренней гиперссылки. То, что ссылка внутренняя указывается с помощью значка «#» в параметре HREF. |
|
<A HREF=“Адрес страницы”>Текст </A> |
Создание гиперссылки на Web-страницу, адрес которой записывается в параметре HREF. |
|
<A HREF=“Адрес страницы” TARGET= ”имя фрейма“ | _blank | _top | _self | _parent >Текст </A> |
Если в TARGET заносится имя фрейма, тогда страница, на которую указывает ссылка, будет отражена в этом фрейме.
Знак «_» перед следующими значениями TARGET показывает, что они не являются именами фреймов. _blank – страница будет отображаться в новом чистом окне обозревателя. _top – страница будет загружаться в самый верхний фрейм текущего окна. _self – страница будет загружаться в то же окно, в котором находится ссылка, т. е. в текущее. _parent – страница будет загружаться в текущее родительское окно фрейма. Если родительских окон не существует, то _parent становится тождественным _self.
|
|
Создание таблиц в языке HTML |
|
|
<TABLE> </TABLE> |
Этот тег отвечает за создание таблицы в языке HTML. |
|
Параметры тега <TABLE
align=centerleftright
width=m
border=k
cellspacing=n
cellpadding=n > </TABLE> |
Если следующие параметры не указанны, тогда они принимают стандартные значения по умолчанию.
Выравнивание всей таблицы (по умолчанию left).
Определяет ширину всей таблицы, m принимает значение либо в точках, либо в процентах (от ширины окна). Задает рамку таблице, k ширина рамки в точках (по умолчанию k=1). Если k=0, то создается таблица без рамки. Определяет расстояние между ячейками в токах (стандартное равно 2).
Определяет расстояние между содержимым ячейки и ее границами в токах (стандартное равно 1). |
|
<TR> </TR> |
Тег, задающий одну строку таблицы. |
|
Параметры тега <TR align=leftright | center
valign=topbottom | middle> </TR> |
Выравнивание содержимого ячеек в строке по вертикали (по левомупо правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнемупо нижнему краю / по середине). |
|
<TD> </TD> |
Тег, задающий одну ячейку таблицы. |
|
Параметры тега <TD align=leftright | center
valign=topbottom | middle
width=m
bgcolor=” цвет ячейки“
rowspan=n
colspan=n |
Выравнивание содержимого ячеек в строке по вертикали (по левомупо правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнемупо нижнему краю / по середине).
Определяет ширину ячейки, m принимает значение либо в точках, либо в процентах (от ширины таблицы).
Определяет цвет ячейки.
Объединение в одном столбце n строк
Объединение в одной строке n столбцов
|
|
<TH> </TH> |
Тег, задающий ячейку, в которой будет помещаться заголовок. Параметры этого тега аналогичны параметрам тега <TD> </TD>. |
|
Создание фреймов в языке HTML |
|
|
<FRAMESET> </FRAMESET> |
Тег, определяющий набор фреймов и задающий общую структуру этого набора. |
|
Параметры тега <FRAMESET rows= “n, .. , *”
cols= “n, .. ,*”
border=n
frameborder= “yes no”
bordercolor= “цвет рамки”
bgcolor= “цвет фона фрейма” > </FRAMESET> |
Вертикальная структура набора фреймов, n принимает значение в точках или в процентах. Символ “*” указывает, что на последний фрейм отводится вся оставшаяся часть окна.
Горизонтальная структура набора фреймов.
Задает ширину в точках всех фреймов, входящих в набор. Если n=0, все фреймы будут без рамок. По умолчанию border=5. Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. По умолчанию frameborder принимает значение yes и рамка имеет трехмерную форму. Если frameborder= “no”, тогда рамка фрейма будет невидимой.
Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. Задает цвет рамки.
Это параметр может использоваться с тегами <FRAMESET> и <FRAME>. Задается цвет фона фрейма. |
|
<FRAME> |
Тег, описывающий каждый из фреймов, входящих в набор. |
|
Параметры тега <FRAME
name= “имя фрейма”
src= “URL или Путь/Имя файла”
marginheight=n
marginwidth=m
scrolling= “yes no auto”
noresize >
|
Параметр, дающий имя фрейму. Используется тогда, когда содержимое фрейма будет меняться, т. е. на этот фрейм будут делаться ссылки (если фрейму не присвоить имени на него нельзя будет ссылаться). Значение name используется в параметре target гиперссылки.
Вставка во фрейм конкретной HTML-страницы.
Параметры, задающий внутреннюю рамку фрейма. Отступ в n точек от верхней и нижней границы. Отступ в m точек от правой и левой границы фрейма.
Параметр, задающий полосы прокрутки. Auto по умолчанию.
Параметр запрещающий менять границы фреймов (достаточно указать в одном фрейме, чтобы не менялись границы смежных с ним) |