SiteMaker - Академия сайтостроительства | Разработка сайта
| Вёрстка сайта
| Веб программирование
| Интернет технологии
| Продвижение ресурса
| Инструментарий
карта сервера :: форум :: профайл :: авторам :: о сайте
Гид: SiteMaker.Ru » Вёрстка сайта » HTML » HTML подсказчик

HTML подсказчик


Версия для печати

Базовые теги

<html></html>
Создание HTML документа

<head></head>
Заголовок документа. Включение различной информации, невидной на самой веб странице.

<body></body>
Включение видимой части документа

Теги заголовка

<title></title>
Название HTML документа (отображается в заголовке окна браузера).

<meta name=? content=?>
Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов.

Аттрибуты BODY

<body bgcolor=?>
Установка цвета фона страницы, используя имя цвета или его hex-значение.

<body text=?>
Установка цвета текста страницы, используя имя цвета или его hex-значение.

<body link=?>
Установка цвета ссылок страницы, используя имя цвета или его hex-значение.

<body vlink=?>
Установка цвета посещённых ссылок страницы, используя имя цвета или его hex-значение.

<body alink=?>
Установка цвета активных ссылок страницы, используя имя цвета или его hex-значение.

Текстовые теги

<pre></pre>
Создание текста с учетом его расположения.

<hl></hl>
Создание заголовка первого уровня (самый крупный заголовок).

<h6></h6>
Создание заголовка низшего уровня (самый мелкий заголовок).

<b></b>
Создание жирного (выделенного) текста.

<i></i>
Создание наклонного текста.

<tt></tt>
Создание придавленного текста (телетайп-текст).

<cite></cite>
Создание цитаты, обычно наклонным текстом.

<em></em>
Выделение текста (обычно курсивный шрифтом).

<strong></strong>
Выделение текста (обычно жирным шрифтом).

<font size=?></font>
Указание размера шрифта (от 1 до 7).

<font color=?></font>
Sets font color, using name or hex valueУказание цвета шрифта, используя имя цвета или его hex-значение.

Ссылки

<a href="URL"></a>
Создание ссылки.

<a href="mailto:EMAIL"></a>
Создание ссылки mailto (при нажатии будет открыт почтовый клиент).

<a name="NAME"></a>
Создание ссылки-якоря внутри документа.

<a href="#NAME"></a>
Ссылка-якорь из документа.

Форматирование

<p></p>
Создание нового параграфа.

<p align=?>
Расположение параграфа (слева, справа или по центру)

<br>
Перевод строки

<blockquote>
</blockquote>

Отсуп текста с обеих сторон.

<dl></dl>
Создание списка определений (терминов и их описаний).

<dt>
Создание термина в списке определений внутри элемента DL.

<dd>
Cоздание определения термина внутри элемента DL.

<ol></ol>
Создание упорядоченного списка.

<li></li>
Создание пункта в списке. Располагается внутри элементов OL или UL.

<ul></ul>
Создание неупорядоченного списка.

<div align=?>
Используется для форматирования больших HTML блоков, а также для описания стилей (CSS).

Графические элементы

<img src="name">
Вставка изображений в HTML документ.

<img src="name" align=?>
Указывание способа выравнивания изображения в документе. Может принимать следующие значения: left, right, center; bottom, top, middle.

<img src="name" border=?>
Определение ширины рамки вокруг изображения в пикселах.

<hr>
Вставка в текст горизонтальной разделительной линии.

<hr size=?>
Определение толщины линии в пикселах.

<hr width=?>
Определение ширины линии в пикселах или процентах от ширины окна браузера.

<hr noshade>
Создание линии без мнимой тени.

Таблицы

<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, or bottom)

<td colspan=#>
Определение числа объединённых ячеек.

<td rowspan=#>
Определение числа объединённых строк (по умолчанию 1).

<td nowrap>
Предотвращение разрыва строки в ячейке.

Фреймы

<frameset></frameset>
Определение фреймовой (оконной) структуры документа: размеры и расположение фреймов на странице. Заменяет тег BODY в документе с фреймами; может быть вложен в другие фреймсеты.

<frameset rows="value,value">
Определение количества и размеров горизонтальных фреймов (фреймов-строк) в окне браузера (пиксели, проценты ширины).

<frameset cols="value,value">
Определение количества и размеров вертикальных фреймов (фреймов-столбцов) в окне браузера (пиксели, проценты ширины).

<frame>
Определение фрейма и его свойства внутри FRAMESET-структуры

<noframes></noframes>
Определяет что показывать, если браузер не поддерживает фреймы.

Аттрибуты фреймов

<frame src="URL">
Указывание адреса (URL) HTML файла, отображаемого в данном фрейме.

<frame name="name">
Определение имени данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET.

<frame marginwidth=#>
Определение ширины (в пикселах) левого и правого полей фрейма; должен быть равен или быть больше 1.

<frame marginheight=#>
Определение ширины (в пикселах) верхнего и нижнего полей фрейма; должен быть равен или быть больше 1.

<frame scrolling=VALUE>
Определение наличия полосы прокрутки содержимого фрейма; значениями могут быть: "yes," "no," или "auto." По умолчанию стоит auto.

<frame noresize>
Предотвращение изменения размеров фрейма.

Формы

Для функционирования формы вам понадобится написать CGI скрипт. HTML просто создает вид формы.

<form></form>
Создание заполяемой формы.

<select multiple name="NAME" size=?></select>
Элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Size определяет число видимых пунктов без прокрутки.

<option>
Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тэга.

<textarea name="NAME" cols=40 rows=8></textarea>
Создание поля для ввода нескольких строк текста. Cols указывает на ширину; rows указывает на высоту.

<input type="checkbox" name="NAME">
Создание поля ввода для аттрибутов типа "да"/"нет" или для атрибутов, которые могут одновременно принимать несколько значений. Текст следует сразу за тегом.

<input type="radio" name="NAME" value="x">
Создание поля ввода для аттрибутов, которые принимают одно значение из нескольких возможных. Текст следует сразу за тегом.

<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">
Создание кнопки, перезагружающую поля формы к их первоначальным значениям.


Автор: DenveroidДата публикации: 30.04.2002
Рейтинг статьи: [4.39] рейтинг статьи: 4.39рейтинг статьи: 4.39рейтинг статьи: 4.39рейтинг статьи: 4.39 [голосов: 23]Кол-во просмотров: 16502
Оценить статью: Установите cookies!

Комментарии читателей:


Сообщение №64 Александр Шуркаевhttp://htmlcoder.h1.ru/ в новом окне08.10.2002 12:43:32
>Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тэга.

на самом деле, он его _может_ не иметь, т.е. он optional.
см. www.w3.org/TR/html401/interact/forms.html#edef-OPTION
Сообщение №101 маша 11.12.2002 9:31:06
а мне всеравно не понятно почему так много про фреймы. не понятно и все. и вообще все слишком запутано. что такое фрейм!!!! если знаете, то напишите ответ на marigum@hotbox.ru
Сообщение №125 bestdvdinfohttp://bestdvdinfo.com/ в новом окне17.01.2003 16:46:14
<font color=#?></font>
если hex-значение цвета, то впереди решеточка должна стоять (она на это указывает).
Сообщение №149 directxhttp://zemfira.net в новом окне15.02.2003 22:12:37
"что такое фрейм!!!! если знаете, то напишите ответ на marigum@hotbox.ru"

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

shkola.on.ufanet.ru/frames1.htm

www.yandex.ru/yandsearch? text=%F7%F2%EE+%F2%E0%EA%EE%E5
+%F4%F0%E5%E9%EC&rpt=rad
Сообщение №163 maxx 04.03.2003 19:14:28
А где б сыскать статейку аль реферат какой о сравнительных характеристиках
HTML-редакторов при создании карты
графических ссылок? Макс

» Читать все комментарии...

Ваши комментарии:

Ваше имя:*
Ваш E-mail:
Ваш URL:
HTML запрещен
BB Код разрешен


Ваше сообщение:*
* - обязательные поля для заполнения

Внимание!
Перед появлением сообщения на сайте, оно пройдет премодерацию.

Поиск по сайту:

Последние статьи:
Справочник по мета тегам Справочник по мета тегам
» архив всех статей
Схожая тематика:
:: CSS
:: DHTML
:: XML
Рассылка новостей:

подписаться
отказаться


Академия веб мастеринга и веб дизайна. Разработка сайта, вёрстка сайта, веб программирование, продвижение ресурса, инструментарий и другие темы, посвященные разработке ресурсов в сети Интернет. Форум для веб мастера.


карта сервера :: форум :: профайл :: авторам :: о сайтеНаверх
Rambler's Top100Rambler's Top100 Valid HTML 4.01!Каталог-Молдова - Ranker, Statistics © 2000-2010 Все права защищены
страница создана за 0.703 секунд
На главную страницуHosted by Host-MD 
Developed by SiteMaker