|
Документ взят из кэша поисковой машины. Адрес
оригинального документа
: http://www.astro.spbu.ru/staff/afk/Teaching/Help/Tegs.htm
Дата изменения: Fri Nov 19 16:06:19 2010 Дата индексирования: Tue Oct 2 04:29:42 2012 Кодировка: Windows-1251 Поисковые слова: asteroid |
|
Таблица основных тегов HTML |
Изменение размера шрифта | ||
| + | - | Вернуться на страницу учебника по HTML и CSS | |
| Основные теги | |
| <html></html> | Указывает программе просмотра страниц, что это HTML документ. |
| <head></head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
<body></body> | Определяет видимую часть документа |
| Теги оглавления | |
| <title></title> | Помещает название документа в оглавление программы просмотра страниц |
| Атрибуты тела документа | |
| <body bgcolor=?> | Устанавливает цвет фона документа, используя значение цвета в стандарте RGB - пример: FFFF00 - желтый цвет. |
| <body text=?> | Устанавливает цвет текста документа, используя значение цвета в стандарте RGB - пример: 00ff00 - зеленый цвет. |
| <body link=?> | Устанавливает цвет гиперссылок, используя значение цвета в стандарте RGB - пример: 00FF00 - зеленый цвет. |
| <body vlink=?> | Устанавливает цвет гиперссылок, на которыхх вы уже побывали, используя значение цвета в виде стандарте RGB - пример: 333333 - темно-серый цвет. |
| <body alink=?> | Устанавливает цвет гиперссылок при нажатии. |
| Теги форматирования текста | |
| <pre></pre> | Обрамляет предварительно
отформатированный текст. (как есть!) |
| <h1></h1> | Создает САМЫЙ БОЛЬШОЙзаголовок (как отдельный абзац) |
| <h6></h6> | Создает САМЫЙ МАЛЕНЬКИЙзаголовок |
| <b></b> | Создает жирный текст |
| <i></i> | Создает наклонный текст |
| <tt></tt> | Создает текст - имитирующий стиль печатной машинки. |
| <cite></cite> | Используется для цитат, обычно наклонный текст. |
| <em></em> | Используется для выделения из текста слова (наклонный или жирный текст) |
| <font size=?></font> | Устанавливает размер текста в пределах от 1 до 7. |
| <font color=?></font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
|
Гиперссылки |
|
| <a href="URL">ТЕКСТ</a> | Создает гиперссылку на другие документы или часть текущего документа. Здесь URL адрес ссылки, ТЕКСТ - текст ссылки. |
|
<a href="URL"> < img src="imgURL" > </a> |
Создает гиперссылку на рисунок, находящийся по адресу imgURL. |
| "URL" = "links/main.htm" | Адрес документа main.htm, находящегося в локальной папке links данного компьютера. |
|
"URL" = "http://www.rambler.ru" |
Ссылка на ресурс, находящийся на удаленном компьютере. В адресе присутствуют: программа связи с удаленным компьютером http (HyperText Transfer Protocol, разделители :// и интернет (IP) адрес искомого ресурса (в данном случае поискового сервера Rambler). |
| <a
href="mailto:EMAIL"> </a> |
Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. |
| <a name="NAME"></a> | Отмечает часть текста как место перехода по гипперссылке в документе. |
| <a href="#NAME"></a> | Создает гиперссылку на помечанную часть текущего документа. |
|
Форматирование |
|
| <p> | Создает новый параграф |
| <p align=?> | Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center |
| <br> | Вставляет перевод |
| <blockquote> </blockquote> |
Создает отступы с обеих сторон текста. |
| <dl></dl> |
|
| <dt> | Определяет каждый из терминов списка |
| <dd> | Описывает каждое определение |
| <ol></ol> | Создает нумерованный список |
| <li> | Определяет каждый элемент списка и присваивает номер |
| <ul></ul> | Создает ненумерованный список |
| <li> | Предваряет каждый элемент списка и добавляет кружок или квадратик. |
| <div align=?> | Тег, используемый для форматирования больших блоков текста HTML документа. Часто используется в таблицах стилей |
|
Использование кодов символов и специальных знаков в документе HTML |
|
| Код в документе HTML |
Выводится браузером на экран |
|
  ! " # $ % & < = > © « ± ¹ » Å < > " |
пробел ! " # $ % & < = > © « ± ¹ » Å Неразрывный пробел < > " |
|
Графические элементы |
|
| <img src="name"> | Добавляет изображение в HTML документ |
| <img src="name" align=?> | Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
| <img src="name" border=?> | Устанавливает толщину рамки вокруг изображения |
| <hr> | Добавляет в HTML документ горизонтальную линию. |
| <hr size=?> | Устанавливает высоту(толщину) линии |
| <hr width=?> | Устанавливает ширину линии, можно указать ширину в пикселях или процентах. |
| <hr noshade> | Создает линию без тени. |
| <hr color=?> | Задает линии определенный цвет. Значение RRGGBB. |
|
Таблицы |
|
| <table></table> | Создает таблицу. |
| <tr></tr> | Определяет строку в таблице. |
| <td></td> | Определяет отдельную ячейку в таблице. |
| <th></th> | Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) |
| Атрибуты таблицы | |
| <table border=#> | Задает толщину рамки таблицы. (здесь 5) |
| <table cellspacing=#> | Задает расстояние между ячейками таблицы. |
| <table cellpadding=#> | Задает расстояние между содержимым ячейки и ее рамкой. |
| <table width=#> | Устанавливает ширину таблицы в пикселах или процентах от ширины документа. |
| <tr align=?> или <td align=?> |
Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. (здесь right) |
| <tr valign=?> или <td valign=?> |
Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. |
| <td colspan=#> | Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1) |
| <td rowspan=#> | Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1) |
| <td nowrap> | Не позволяет программе просмотра делать перевод строки в ячейке таблицы. |
| Фреймы | |
| <frameset></frameset> | Предваряет тег <body> в документе, содержащем фреймы; |
| <frameset rows="value,value"> | Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов. |
| <frameset cols="value,value"> | Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов. |
| <frame> | Определяет единичный фрейм или область в таблице фреймов. |
| <noframes></noframes> | Определяет, что будет показано в окне браузера если он не поддерживает фреймы. |
| Атрибуты фреймов | |
| <frame src="URL"> | Определяет какой из HTML документов будет показан во фрейме. |
| <frame name="name"> | Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм, или область из других фреймов. |
| <frame marginwidth=#> | Определяет величину отступов по левому и правому краям фрема; должно быть равно или больше 1. |
| <frame marginheight=#> | Определяет величину отступов по верхнему и нижнему краям фрейма; должно быть равно или больше 1. |
| <frame scrolling=VALUE> | Указывает будет ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. |
| <frame noresize> | Препятствует изменению размеров фрейма. |
| Формы1 | |
|
1 Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML создает только внешний интерфейс формы. |
|
| <form></form> | Создает формы |
| <select multiple name="NAME" size=?></select> | Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки. |
| <option> | Указывает каждый отдельный элемент меню |
| <select name="NAME"></select> | Создает ниспадающее меню |
| <option> | Указывает каждый отдельный элемент меню |
| <textarea name="NAME" cols=40 rows=8></textarea> | Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту. |
| <input type="checkbox" name="NAME"> | Создает checkbox. За тегом следует текст. |
| <input type="radio" name="NAME" value="x"> | Создает radio кнопку. За тегом следует текст. |
| <input type=text name="foo" size=20> | Создает строку для ввода текста. Параметром Size указывается длина в символах. |
| <input type="submit" value="NAME"> | Создает кнопку "Принять" |
| <input type="image" border=0 name="NAME" src="name.gif"> | Создает кнопку "Принять" - для этого используется изображение |
| <input type="reset"> | Создает кнопку "Отмена" |