АЗЫ HTML 3
Например:
<p><b>Список разделов</b></p>
<ul> <li><a href="#ex1">Раздел 1</a></li>
<li><a href="#ex2">Раздел 2</a></li> </ul>
<p><a name="ex1"></a>Раздел 1</p>
<ul> <p>Текст раздела 1</p> </ul>
<p><a name="ex2"></a>Раздел 2</p>
<ul> <p>Текст раздела 2 <br></p>
Список разделов
Раздел 1
Раздел 2
Раздел 1
Текст раздела 1
Раздел 2
Текст раздела 2
Символы "#ex1" сообщает вашему браузеру, что необходимо найти в данном
HTML-документе маркер с именем "ex1".
Когда пользователь щелкнет мышью на строке "Раздел 1", браузер перейдет сразу к разделу 1.
Внимание!
Как ранее было показано в синтаксисе URL, маркер раздела может быть
поставлен как в том же документе, который просматривается в текущий
момент, так и в другом документе. Во втором случае браузер осуществит
подгрузку другого документа и перейдет к указанному для него разделу.
Графика внутри HTML-документа
Одна из наиболее привлекательных черт Web - возможность включения
ссылок на графические и иные типы данных в HTML-документ. Делается это
при помощи тэга <IMG...ISMAP>. Использование данного тэга
позволяет значительно улучшить внешний вид и функциональность
документов.
Существует два способа использования
графики в HTML-документах. Первый - это внедрение графических образов в
документ, что позволяет пользователю видеть изображения непосредственно
в контексте других элементов документа. Это наиболее используемая
техника при проектировании документов, называемая иногда "inline
image". Синтаксис тэга:
<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop ISMAP>
Опишем элементы синтаксиса тэга:
URL
Обязательный
параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL
указывает браузеру где находится рисунок. Рисунок должен храниться в
графическом формате, поддерживаемом браузером. На сегодняшний день
форматы GIF и JPG поддерживаются большинством браузеров.
ALT="text"
Данный необязательный элемент задает текст, который будет отображен
браузером, не поддерживающим отображение графики или с отключенной
подкачкой изображений. Обычно, это короткое описание изображения,
которое пользователь мог бы или сможет увидеть на экране. Если данный
параметр отсутствует, то на месте рисунка большинство браузеров выводит
пиктограмму (иконку), активизировав которую, пользователь может увидеть
изображение. Тэг ALT рекомендуется, если ваши пользователи используют
браузер, не поддерживающий графический режим, например Lynx.
HEIGTH=n1
Данный необязательный параметр используется для указания высоты рисунка
в пикселах. Если данный параметр не указан, то используется
оригинальная высота рисунка. Это параметр позволяет сжимать или
растягивать изображения по вертикали, что позволяет более четко
определять внешний вид документа. Однако, некоторые браузеры не
поддерживают данный параметр. С другой стороны, экранное разрешение у
вашего клиента может отличаться от вашего, поэтому будьте внимательны
при задании абсолютной величины графического объекта.
WIDTH=n2
Параметр также необязателен, как и предыдущий. Позволяет задать
абсолютную ширину рисунка в пикселах.
Фоновые рисунки
Большинство браузеров позволяет включать в документ фоновый рисунок,
который будет матрицироваться и отображаться на фоне всего документа.
Некоторые пользователи любят фоновую графику, некоторые нет.
Ненавязчивый полупрозрачный рисунок (обои) обычно хорошо выглядит в
качестве фона для большинства документов.
Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:
<BODY BACKGROUND="picture.gif">
Задание стандартных цветов
Многие HTML-авторы любят использовать заранее предопределенные цвета
фона документа, обычного текста и ссылок. Чтобы задать эти цвета,
необходимо включить в тэг <BODY> дополнительные параметры:
<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">
где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:
BGCOLOR
Цвет фона документа
TEXT
Цвет простого текста документа
LINK
Цвет ссылки
Цвет задается шестизначным числом в шестнадцатиричном формате по схеме
RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет
#FFFFFF - белому. Например:
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.
Горизонтальная линия
Используя тэг <HR> вы можете разделить текст горизонтальной чертой.
Формат тэга:
<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>
Параметры тэга:
SIZE
Толщина линии в пикселах.
WIDTH
Ширина линии в пикселах или процентах от ширина окна браузера.
ALIGN
Расположение на экране (слева | по центру | справа).
NOSHADE
По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет
представить линию просто однотонной темной полоской
Создание таблиц в HTML
Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы
могут содержать любые HTML-элементы, такие, как заголовки, списки,
абзацы, фигуры, графику, а также элементы форм.
Основные тэги таблицы
Таблица: <TABLE>...</TABLE>
Это основные тэги, описывающие таблицу. Все элементы таблицы должны
находиться внутри этих двух тэгов. По умолчанию таблица не имеет
обрамления и разделителей. Обрамление добавляется атрибутом BORDER.
Строка таблицы: <TR>...</TR>
Количество строк таблицы определяется количеством встречающихся пар
тэгов <TR>..</TR>. Строки могут иметь атрибуты ALIGN и
VALIGN, которые описывают визуальное положение содержимого строк в
таблице.
Ячейка таблицы: <TD>...</TD>
Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана
только внутри строки таблицы. Каждая ячейка должна быть пронумерована
номером колонки, для которой она описывается. Если в строке
отстутствует одна или несколько ячеек для некоторых колонок, то браузер
отображает пустую ячейку. Расположение данных в ячейке по умолчанию
определяется атрибутами ALIGN=left и VALIGN=middle. Данное расположение
может быть исправлено как на уровне описания строки, так и на уровне
описания ячейки.
Заголовок таблицы: <TH>...</TH>
Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной
ячейке имеет атрибут BOLD и ALIGN=center.
Подпись: <CAPTION>...</CAPTION>
Данный тэг описывает название таблицы (подпись). Тэг <CAPTION>
должен присутствовать внутри <TABLE>...</TABLE>, но снаружи
описания какой-либо строки или ячейки. По умолчанию <CAPTION>
имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom.
ALIGN определяет, где - сверху или снизу таблицы - будет поставлена
подпись. Подпись всегда центрирована в рамках ширины таблицы.
Основные атрибуты таблицы
BORDER
Данный атрибут используется в тэге TABLE. Если данный атрибут
присутствует, граница таблицы прорисовывается для всех ячеек и для
таблицы вцелом. BORDER может принимать числовое значение, определяющее
ширину границы, например BORDER=3.
ALIGN
Если атрибут ALIGN присутствует внутри тэгов <CAPTION> и
</CAPTION>, то он определяет положение подписи для таблицы
(сверху или снизу). По умолчанию ALIGN=top.
Если атрибут ALIGN встречается внутри <TR>, <TH> или
<TD>, он управляет положением данных в ячейках по горизонтали.
Может принимать значения left (слева), right (справа) или center (по
центру).
VALIGN
Данный атрибут встречается внутри тэгов <TR>, <TH> и
<TD>. Он определяет вертикальное размещение данных в ячейках.
Может принимать значения top (вверху), bottom (внизу), middle (по
середине) и baseline (все ячейки строки прижаты кверху).
Пример таблицы
<TABLE BORDER=1 bordercolor=darkblue>
<CAPTION ALIGN=bottom> Таблица №1 </CAPTION>
<TR><TD ROWSPAN=2></TD><TH COLSPAN=2>Среднее значение</TH></TR>
<TR><TH>Рост</TH><TH>Вес</TH></TR>
<TR><TD>Мужчины</TD><TD ALIGN=center>174</TD><TD ALIGN=center>78</TD></TR>
<TR><TD>Женщины</TD><TD ALIGN=center>165</TD><TD ALIGN=center>56</TD></TR>
</TABLE>
|
Среднее значение |
Рост |
Вес |
Мужчины |
174 |
78 |
Женщины |
165 |
56 |
Таблица №1 |
|
|
Спасибо за внимание.. перейдём далее
Реклама:
==============================
ноутбуки киев
==============================
| 
