|
|
| <html> </html>
| Начало и конец страницы
|
| <head> </head>
| Заголовок страницы
|
| <body> </body>
| Содержание страницы
|
| Теги оглавления
|
| <title> </title>
| Имя страницы
|
|
|
| Атрибуты тела документа
|
| <body bgcolor=?>
“#000066”
| Устанавливает цвет фона документа, (используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет).
|
| <body text=?>
| Устанавливает цвет текста документа
|
| <body link=?>
| Устанавливает цвет гиперссылок
|
| <body vlink=?>
| Цвет пройденной ссылки
|
| <body alink=?>
| Устанавливает цвет активной гиперссылки
|
| Web-страницу сохраняют под именем index.html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы в этой папке. Теги для форматирования текста
|
| <h1> </h1>
| Создает САМЫЙ БОЛЬШОЙ заголовок
|
| <h6> </h6>
| Создает самый маленький заголовок
|
| <b> </b>
| Создает жирный текст
|
| <i> </i>
| Создает наклонный текст
|
| <font size=?> </font>
“3”
| Устанавливает размер текста в пределах от 1 до 7.
|
| <font color=?> </font>
“#FF0000”
| Устанавливает цвет текста
|
| Гиперссылки состоят их двух частей: адреса и указателя ссылки
|
| <a href="Адрес">Указатель ссылки</a>
| Создает гиперссылку на другие документы или часть текущего документа.
|
| <a name="NAME"> </a>
| Отмечает часть текста как цель для гиперссылок в документе.
|
| <a href="#NAME"> </a>
| Создает гиперссылку на часть текущего документа.
|
| Форматирование
|
| <p>
| Создает новый параграф
|
| <p align=”?”>
| Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
|
| <br>
| Вставляет перевод строки
|
| <blockquote> </blockquote>
| Создает отступы с обеих сторон текст.
|
| <ol></ol>
| Создает нумерованный список
|
| <ul></ul>
| Создает ненумерованный список
|
| Графические элементы
|
| <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=?>
| Задает линии определенный цвет.
|
|
|
| Таблицы
|
| <table></table>
| Создает таблицу.
|
| <tr></tr>
| Определяет строку в таблице.
|
| <td></td>
| Определяет отдельную ячейку в таблице.
|
| <th></th>
| Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
|
| Атрибуты таблицы
|
| <table border=#>
| Задает толщину рамки таблицы.
|
| <table cellspacing=#>
| Задает расстояние между ячейками таблицы.
|
| <table cellpadding=#>
| Задает расстояние между содержимым ячейки и ее рамкой.
|
| <table width=#>
| Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
|
| <tr align=?> или <td align=?>
| Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или 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>
| Препятствует изменению размеров кадра.
|
|
|
| Формы
|
| Для форм, выполняющих какие-то функции должны быть запущены соответствующие 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">
| Создает кнопку "Отмена"
|
