название шрифта
— 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-сайтов можно найти в специальных электронных библиотеках, например,