Интернет-журнал 'Домашняя лаборатория', 2007 №3 - Живцов

название шрифта

— size — размер букв, от 1 (наименьший) до 7 (наибольший)

— color — цвет текста. Указывается либо в виде названия цвета, либо в виде его кода в шестнадцатиричной системе.

<Н1>…<Н6> ∙ Текст, оформленный как заголовок

Те же, что и у тэга <р>. Оформленный этими тэгами текст имеет отличный от остального текста размер (у <Н1> наибольший).

<HR> ∙ Горизонтальная линия

— color — цвет линии

— size — толщина линии

• Тэги форматирования текста

Тэг ∙ Значение

<CENTER> ∙ Центрирование по горизонтали всех нижестоящих элементов до тэга </CENTER>.

<В> ∙ Оформление текста жирным шрифтом

<I> ∙ Оформление текста курсивом

<U> ∙ Оформление текста подчеркнутым шрифтом

<SUP> ∙ Оформление текста верхним индексом: а23

<SUB> ∙ Оформление текста нижним индексом: а23

<OL> ∙ Нумерованный список (параметр start=число — начало списка)

<UL> ∙ Список с маркерами (параметр start=число — начало списка)

<LI> ∙ Каждый пункт списка

<BR> ∙ Разрыв строки.

<PRE> ∙ Текст, окруженный этим тэгом, при отображении полностью сохранит свое разбиение на строки, табуляцию, группы пробелов и др[45].

• Тэги форматирования таблиц

Тэг ∙ Значение ∙ Параметры тэга

<TABLE > Таблица не отображается в браузере, пока полностью не загрузится. ∙ Таблицы

— background — рисунок — фон для всей таблицы

— bgcolor — цвет фона таблицы. Если в качестве фона задан какой-либо рисунок, то этот тэг игнорируется

— border — толщина линий таблицы borderedor — цвет линий таблицы

— cellpadding — расстояние от текста внутри ячеек до границ ячеек

— cellspacing — расстояние от границ таблицы до внешних границ ячеек

— width — ширина таблицы. Или в пикселях, или в процентах от ширины окна браузера (в последнем случае к его значению следует прибавить символ "%")

<TR> ∙ Строка таблицы. Употребляется только внутри тэгов <TABLE >….. </TABLE>.

<TD> ∙ Ячейка таблицы. Употребляется только внутри тэгов <TR>……</TR >

— background — фон ячейки

— bgcolor — цвет фона ячейки

При наличии в тэге <td> вышеуказанных параметров значения соответствующих параметров для тэга <table> игнорируются.

— bordercolor — цвет линий ячейки.

— align — выравнивание по горизонтали

— valign — выравнивание по вертикали

• Тэги включения ссылок и рисунков

Тэг ∙ Значение ∙ Параметры тэга

<IMG SRC=..> ∙ Рисунок. Непарный тэг.

— height — высота графического объекта

— width — ширина графического объекта

Если параметры height и width не указаны, то графический объект отобразится в соответствии со своими реальными размерами.

<IMG SRC=..> ∙

— alt — текст, отображаемый при подводе курсора к изображению или на месте изображения при отключенной функции отображения графики в браузере.

На web-страницы можно помещать изображения только в формате gif или jpeg. Последние модели браузера Microsoft Internet Explorer также могут отображать изображения в формате Png.

Тэг <а> обозначает гиперссылку, то есть текст или рисунок, при нажатии на который мышью произойдет переход браузера на другой web-документ.

Его параметры:

— href — ссылка на другую web-страницу или другое место той же страницы. В этом параметре указывается адрес web-страницы, на которую должна вести ссылка.

— name — указатель на странице места ссылки

Если переход происходит на страницу на другом сайте, то обязательно указание в адресе префикса "http://" перед именем сайта. Вот примеры ссылок:

<а href=index.htm> Ha главную страницу </а> — при нажатии мышью на слова "На главную страницу" произойдет переход на страницу index.htm.

<а href="#1a">Вниз</a>…<а nаmе="1а">Сюда</а> — при нажатии на ссылку "Вниз" страница в браузере прокрутится так, чтобы слово "Сюда" оказалось на первой строке экрана

(тэг на какой-нибудь странице): <а href=index.htm#1a>Ha главную страницу в первый раздел</а>…

(тэг на странице index.htm): <а name="1a"> Сюда</а> — при нажатии ссылки на первой странице произойдет переход на страницу index.htm, причем она прокрутится в браузере до строки "Сюда"

• Тэги отображения форм

Тэг ∙ Значение ∙ Параметры

<FORM..> ∙ Начало формы — конструкции из полей ввода текста, управляющих элементов (кнопок, полей для отметок и др.)

— method — действие с формой. Стандартное значение — post: то есть отправка данных куда-либо, action — конкретное действие, выполняемое над формой. Может быть указан адрес программы, которая умеет получать и обрабатывать данные с web-страницы, почтовый адрес для отправки данных формы по электронной почте и др.

— name — уникальное имя формы. Используется для ее идентификации браузером.

— target — указание на то, что надо отправить. Обычное значение — content (содержимое формы). enctype — формат отправляемых данных. Параметр text/plain указывает на текстовый формат.

<INPUT..> ∙ Место ввода информации

— type=text — поле ввода текста, при этом size — длина этого поля в символах

— type=checkbox — отображает квадрат с возможностью отметки. Если в тэге имеется параметр checked, то отметка ставится на изначально.

— type=submit — отображает кнопку, при нажатии которой происходит то, что описано в параметрах method и action тэга form.

— type=button — отображает кнопку, при нажатии которой происходит выполнение скрипта или другое действие.

— type=radio — отображает кружок с возможностью отметки. Отличие от параметра checkbox в том, что отмечен может быть лишь один кружок из нескольких.

— type=file — отображает поле ввода имени файла с кнопкой "Обзор".

— type=password — отображает поле ввода пароля, в котором вводимые символы отображаются звездочками.

— type=reset — отображает кнопку, очищающую все содержимое формы.

<SELECТ> ∙ Выпадающий список

Для добавления каждого нового пункта в список следует использовать тэг <option>… </option>. Для создания прокручивающегося списка в тэг <select> необходимо добавить параметр, указывающий на количество отображаемых строк: <select size=2>.

<ТЕХТAREA> (слитно) ∙ Поле ввода текста

— cols — количество символов в строке поля

— rows — количество строк в поле.

— wrap=virtual — указание на возможность автоматического переноса текста

Для того, чтобы какой-либо элемент формы мог принимать участие в передаче данных (например, чтобы его значение могло быть послано по почте), он должен иметь свое уникальное имя — в его тэге долен быть параметр "пате="Имя"". Если такого параметра нет, то информация данного элемента формы никуда передана быть не может. Пример использования формы для передачи данных смотрите в главах 19 и 22.

В вышеприведенных таблицах перечислены лишь самые основные тэги HTML. Существует множество других тэгов, дающих возможность более разнообразного оформления текста. Но подробный рассказ о них выходит за рамки этой книги, как потому, что они требуются редко, так и потому, что информацию о них можно найти в справочниках по HTML.

Неплохие подборки книг по компьютерным технологиям, в частности, по HTML и разработке web-сайтов можно найти в специальных электронных библиотеках, например,