Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Л2 / Справочник по HTML.docx
Скачиваний:
4
Добавлен:
18.02.2023
Размер:
239.2 Кб
Скачать

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.

Соседние файлы в папке Л2