- •Терминология
- •Шаблон Web-страницы (пример-заготовка готовой страницы)
- •Специальные символы
- •Управление цветом
- •Горизонтальная линия в качестве прямоугольника:
- •Устаревшие и нестандартные элементы
- •Bgsound
- •Немного о способе применения атрибутов
- •Charset
- •Классы (class)
- •Универсальные классы(атрибут id)
- •Classid
- •Longdesc (long description)
- •Атрибуты, применяемые с элементом frame
- •Организация перехода по фреймам
- •Классы (class)
- •Универсальные классы(атрибут id)
- •Объекты и формы
- •Атрибуты, применяемые в объектах
- •Общие атрибуты форм
- •Пример формы
- •Находится в стадии разработки
- •Атрибуты событий
- •Column-span
- •Border-collapse
- •Background-attachment
- •Background-position
- •Play-during
- •Azimuth
- •Elevation
- •Свойства интерфейса cursor
- •Color, background-color
Longdesc (long description)
Атрибут longdesc применяется, когда какой-либо элемент нуждается в большом комментарии. В этом случае прикрепляют в виде:
longdesc="URL"
Для коротких описаний используйте атрибут title.
SIZE
Этот атрибут применяют для указания желаемого размера шрифта. Он применяется внутри элементов BASEFONT, FONT Атрибут принимает размеры от 1 до 7, но можно указать не точную цифру, а прибавление или вычитание из величины по умолчанию(по умолчанию используется 3-й размер). Пример использования:
size="число" size="+число(до 4)" size= "-число(до 2)"
Вот визуальные примеры использования атрибута: Шрифт 1 Шрифт 2 Шрифт 3 Шрифт 4 Шрифт 5 Шрифт 6 Шрифт 7
Шрифт -1 Шрифт -2
Шрифт +1 Шрифт +2 Шрифт +3 Шрифт +4
TITLE
Этот атрибут в отличие от longdesc применяют к элементу для короткого комментария, который появляется на экране в виде всплывающей строки.
title="маленький комментарий"
Например: <P title="Комментарий к абзацу">Абзац</p>
TYPE
Атрибут type определяет тип документа, который используется в ссылке. Первоначально type применялся для определения формата отправленной электронной почты, но сеанс служит для указания форматов документов, в составе Web -страниц. Например:
text/plain -обычный текст;
text/css -каскадная таблица стилей;
text/html -текст в формате HTML;
application/postscript -документ в формате PostScript;
application/java -апплет;
image/gif; image/jpg; image/png -изображения в формате GIF, JPG и PNG, соответственно;
video/mpeg -видеоролик;
text/javascript --программа-сценарий на JavaScript;
text/vbscript -программа-сценарий на VBScript.
Для форм атрибут имеет другой смысл: определенного элемента формы(кнопки, поле ввода и т.д.)
Например: <STYLE type="text/css">Стиль</style>
STYLE
Применение атрибута style:
<P style="свойство1: значение; свойство2: значение; ...">
Например: <P style="font-size: 14pt; font-style: italic; color: red">
Здесь для абзаца выбран 14-й размер букв, курсив и красный цвет букв.
Так выглядит абзац, отформатированный стилем, указанном в примере.
CLEAR
Атрибут clear позволяет выравнивать объекты, например рисунки, относительно текста, в котором использован элемент BR. Значения атрибута:
left -выравнивание по левому краю
right -выравнивание по правому краю
center -выравнивание по центру
Например: <BR clear="center">
FACE
Этот атрибут применяется вместе с элементом FONT. Он задает один или несколько шрифтов (через точку с запятой)
Например, face="arial; verdana; tahoma"
К сожалению есть проблема: Так как Web -страницы просматривают много людей, то нет гарантии, что отобразится нужный шрифт на всех компьютерах. Если на компьютере нет шрифта из списка, то страница будет просматриваться с шрифтом по умолчанию.
HEIGHT
Атрибут выражает высоту какого-либо объекта. Этот атрибут обычно используется для задания высоты изображения.
height=число
WIDTH
Атрибут выражает ширину какого-либо объекта. Этот атрибут обычно используется для задания ширины изображения.
width=число
Число может принимать ряд значений: в пикселях, в процентах и т.д.
CITE
Этот специальный атрибут указывает источник изменений, то есть объясняет, почему в тексте появилась такая ремарка. Он используется по принципу:
cite="Адрес"
DATETIME
Для даты изменения также предусмотрен специальный атрибут - DATETIME. Он применяется по принципу:
datetime="Дата"
В конечном счёте первичный тег может иметь вид: <INS datetime="1-1-2000" cite="http://www.name.domen/page.htm">
HSPAСE
Атрибут определяет пустое пространство справа и слева от объекта и употребляется:
hspace="число(в пикселях)"
VSPAСE
Атрибут определяет пустое пространство сверху и снизу от объекта и употребляется:
vspace="число(в пикселях)"
Атрибуты, применяемые для форматирования таблиц.
Таблицы в HTML можно сделать похожими на EXEL-евские таблицы. Например мы можем объединить ячейки:
rowspan=n, где n- число объединяемых ячеек по горизонтали
colspan=n, где n- число объединяемых ячеек по вертикали
Данные в ячейках можно выровнять при помощи атрибута align. Этот атрибут можно применять как ко всей таблице, так и к отдельной ячейке.
Мы можем задавать определенную ширину ячейки при помощи атрибутов height (высота) и width (ширина).
< TABLE> < /table>
Этот элемент обозначает границы таблицы и отделяет её от других частей страницы. Он позволяет задать свойства таблицы. Этот элемент имеет ряд атрибутов:align, width, height
Для элемента table характерны ряд специальных для таблиц атрибутов:
border -ширина боковой грани. Если этот атрибут принимает нулевое значение, то рамка вовсе исчезает.
cellspacing -определяет ширину фронтальной границы(внутренняя часть). Если атрибут принимает значение, равное нулю, то рамка очень тонкая и заостренная.
cellpadding -этот атрибут применяют для определения пустого пространства, окружающего данные в ячейках. Задание атрибута позволяет улучшить восприятие таблицы, т.к. между данными и границей сохраняется определенное расстояние. Этот атрибут выражается в пикселях, процентах и т.д.
bgcolor -задание этого атрибута позволяет задать цвет конкретной ячейки или всей таблицы.
background -задает фон для таблицы или ячейки.
Атрибуты bgcolor и background можно задавать с другими элементами, кроме caption.
frame="параметр" -используется только с table. Выделяют ряд параметров:
void -рамка отсутствует;
above -верхняя сторона рамки;
below -нижняя сторона рамки;
hsides -рамка сверху и снизу;
vsides -рамка слева и справа;
lhs -левая часть рамки;
rhs -правая часть рамки;
border или box -рамка показана полностью(в принципе, можно просто не использовать этот атрибут)
rules="параметр" -определяет вид сетки таблицы внутри. Как и предыдущий, он имеет ряд параметров:
none -сетка отсутствует;
groups -сетка вокруг групп ячеек;
rows -горизонтальние линии между строками;
cols -вертикальние линии между колонками;
all -обычная сетка(в принципе, можно просто не использовать этот атрибут)
Существует также специальный комментарий к таблице:
summary="текст комментария"
К таблицам можно применить также стандартные атрибуты: class, dir, id, lang, title, style.
Например: <TABLE border="0" cellpadding="5" cellspacing="0" align="center"> <TR><TH>первый заголовок <TH>второй заголовок <TR><TD>первая ячейка <TD>вторая ячейка </table>
<CAPTION></caption>
Этот элемент используется для задания заголовка таблицы. Он должен быть расположен внутри элемента TABLE, хотя сам выводится вне рамки таблицы.
К таблицам применимы также стандартные атрибуты: class, dir, id, lang, title, style.
<TR>
Этот элемент создаёт строку таблицы. Этот элемент не имеет конечного тега. Следовательно начало новой строки - следующий тег TR. Внутри находятся другие теги, определяющие состав таблицы TD, TH
Этот тег допускает использование выравнивания align
<TH>
Этот элемент управляется тегом TR и должен быть внутри него. Элемент ячейки, являющийся заголовком строки или столбца. Элемент отличается от обычного TD тем, что браузер выводит содержимое полужирным начертанием.
<TD>
Этот элемент определяет обычную ячейку. Эти элементы могут не иметь конечного тега, так как его функцию определяет следующий тег TR, TH и TD.
Для каждого тега таблицы можно задать атрибуты цвета (bgcolor), фона(background).
<THEAD>
Элемент обозначает заголовок таблицы.
<TFOOT>
Этот элемент обозначает низ таблицы
<TBODY>
Этот элемент дает понять браузеру о том, что он имеет дело с основной частью таблицы.
Примечание:
В таблице можно употребить лишь один раз TFOOT и THEAD, но много раз TBODY!
Существует строгая последовательность употребления групп строк: THEAD -TFOOT -TBODY!
Блоки должны содержать одинаковое количество колонок.
<COLGROUP>
Тег позволяет создать группы колонок(столбцов) с одинаковыми свойствами. С этим тегом применяется атрибут span, который обозначает количество столбцов, на которые распространяется данный элемент.
<COL>
Этот элемент, в отличие от предыдущего, назначает свойство одной колонки(столбца).
Заметьте, что свойства колонок(столбцов)задаются по порядку, то есть первому столбцу соответствует первый элемент COL или COLGROUP, второму -второй, третьему -третий и т.д.
Нужно помнить, что элемент COLGROUP важнее, чем COL.
Я думаю, что каждой отдельной ячейке проще задать определенные свойства(этот шаг не запутает Вас), что и делают профессиональные WED -мастеры!
<FRAMESET><FRAME></frameset>
Фреймы – это области страницы, в которых отражаются несколько ресурсов (HTM или HTML и др. файлов). Сейчас почти все браузеры поддерживают фреймы, т.к. идея использования завоевала весь Мир! Страница с фреймами содержит два или более файлов, которые определяют, во-первых, документ раскладки (структура страницы), во-вторых, документы, в которых содержатся сама страница.
Для начала надо решить, какое разбиение требуется для страницы: вертикальное или горизонтальное
вертикальное разбиение получается при помощи атрибута cols:(получается разбиение, как в Norton Commander-е) cols="значение" – значение может быть только цифровым (проценты, пиксели, пункты и т.д. Или "*" для оставшейся части экрана)
Горизонтальное – при поморщи атрибута: rows="значение" – значение может быть только цифровым (проценты, пиксели, пункты и т.д. Или " *" для оставшейся части экрана)
Создание страницы с фреймами можно разделит на два этапа:
Первый – создание файла, в котором будет отображена структура страницы.
Второй – подготовка отдельных файлов-фреймов, в которых содержится сама страница.
Учтите, что тег FRAMESET ставится вместо секции BODY!!!
Вместе с этим элементом можно употреблять стандартные атрибуты: id, class, title, style.