Четверг, 21.11.2024, 11:02
Приветствую Вас Гость

Hello, world!


Сайт для программистов, верстальщиков, дизайнеров, специалистов по компьютерной графике и просто хороших людей!
Всё о программировании, web-разработке, pascal, Delphi, BASIC, C++, HTML, CSS, Photoshop, 3DS MAX
Меню сайта
Категории раздела
Мини-чат
200
Наш опрос
Какой язык программирования Вы предпочитаете?
Всего ответов: 13
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа
Главная » Статьи » Статьи по Web-разработке и дизайну сайтов

Список элементов HTML


Базисные елементы. Вверх

Тип документа<HTML></HTML>(начало и конец файла)
Имя документа<TITLE></TITLE>(должно быть в заголовке)
Заголовок<HEAD></HEAD>(описание документа)
Тело<BODY></BODY>(содержимое страницы)

 
Определение структуры. Вверх

Заглавие<H?></H?>(стандарт определяет 6 уровней)
с выравниванием<H? ALIGN=LEFT|CENTER|RIGHT> </H?> 
Секция<DIV></DIV> 
с выравниванием <DIV ALIGN=LEFT|RIGHT|CENTER> </DIV> 
Цитата<BLOCKQUOTE></BLOCKQUOTE>(обычно выделяется отступом)
Выделение<EM></EM>(обычно изображается курсивом)
Дополнительное выделение<STRONG></STRONG>(обычно изображается жирным шрифтом)
Отсылка, цитата<CITE></CITE>(обычно курсив)
Код<CODE></CODE>(для листингов кода)
Пример вывода<SAMP></SAMP> 
Ввод с клавиатуры<KBD></KBD> 
Переменная<VAR></VAR> 
Определение<DFN></DFN>(часто не поддерживается)
Адрес автора<ADDRESS></ADDRESS> 
Большой шрифт<BIG></BIG> 
Маленький шрифт<SMALL></SMALL> 


Внешний вид. Вверх

Жирный<B></B> 
Курсив<I></I> 
Подчеркнутый<U></U>(часто не поддерживается)
Перечеркнутый<STRIKE></STRIKE>(часто не поддерживается)
Перечеркнутый<S></S>(часто не поддерживается)
Верхний индекс<SUP></SUP> 
Нижний индекс<SUB></SUB> 
Печатная машинка<TT></TT>(изображается как шрифт фиксированой ширины)
Форматированый<PRE></PRE>(сохранить формат текста как есть)
Ширина<PRE WIDTH=?></PRE>(в символах)
Центрировать<CENTER></CENTER>(как текст, так и графика)
Мигающий<BLINK></BLINK>(наиболее осмеянный элемент)
Размер шрифта<FONT SIZE=?></FONT>(от 1 до 7)
Изменить размер шрифта<FONT SIZE="+|-?"></FONT> 
Базовый размер шрифта<BASEFONT SIZE=?>(от 1 до 7; по умолчанию 3)
Цвет шрифта<FONT COLOR="#$$$$$$"></FONT> 
Выбор шрифта<FONT FACE="***"></FONT> 
Многоколоночный текст<MULTICOL COLS=?></MULTICOL> 
Пробел между колонками<MULTICOL GUTTER=?></MULTICOL>(по умолчанию 10 точек)
Ширина колонки<MULTICOL WIDTH=?></MULTICOL> 
Пустой блок<SPACER> 
Тип пустого блока<SPACER TYPE=horizontal|vertical| block> 
Величина пустого блока<SPACER SIZE=?> 
Размеры пустого блока<SPACER WIDTH=? HEIGHT=?> 
Выравнивание<SPACER ALIGN=left|right|center> 


Ссылки и графика. Вверх

Ссылка<A HREF="URL"></A> 
Ссылка на закладку<A HREF="URL#***"></A>(в другом документе)
<A HREF="#***"></A>(в том же документе)
На другое окно<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"> </A> 
Определить закладку<A NAME="***"></A> 
Отношение<A REL="***"></A>(часто не поддерживается)
Обратное отношение<A REV="***"></A>(часто не поддерживается)
Графика<IMG SRC="URL"> 
Выравнивание<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT| RIGHT> 
Выравнивание<IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE| BASELINE|ABSBOTTOM> 
Альтернатива<IMG SRC="URL" ALT="***">(выводится если картинка не изображается)
Карта<IMG SRC="URL" ISMAP>(нужна также программа)
Локальная карта<IMG SRC="URL" USEMAP="URL"> 
Определение карты<MAP NAME="***"></MAP> 
Области карты<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 
Размеры<IMG SRC="URL" WIDTH=? HEIGHT=?>(в точках)
Окантовка<IMG SRC="URL" BORDER=?>(в точках)
Отступ<IMG SRC="URL" HSPACE=? VSPACE=?>(в точках)
Заменитель в низком разрешении<IMG SRC="URL" LOWSRC="URL"> 
Обновить<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> 
Включить об'ект<EMBED SRC="URL">(вставить об'ект в страницу)
Размер об'екта<EMBED SRC="URL" WIDTH=? HEIGHT=?> 


Разделители. Вверх

Параграф<P></P>(закрывать элемент часто не обязательно)
Выравнивание<P ALIGN=LEFT|CENTER|RIGHT> </P> 
Новая строка<BR>(одиночный перевод строки)
Убрать выравнивание<BR CLEAR=LEFT|RIGHT|ALL> 
Горизонтальный разделитель<HR> 
Выравнивание<HR ALIGN=LEFT|RIGHT|CENTER> 
Толщина<HR SIZE=?>(в точках)
Ширина<HR WIDTH=?>(в точках)
Ширина в процен- тах<HR WIDTH="%">(в процентах)
Сплошная линия<HR NOSHADE>(без трехмерных эффектов)
Нет разбивки<NOBR></NOBR>(запрещает перевод строки)
Перенос<WBR>(разбить строку)


Списки. Вверх

Неупорядоченный<UL><LI></UL>(<LI> перед каждым элементом)
Компактный<UL COMPACT></UL> 
Тип метки<UL TYPE=DISC|CIRCLE|SQUARE>(для всего списка)
<LI TYPE=DISC|CIRCLE|SQUARE>(этот и последующие)
Нумерованый<OL><LI></OL>(<LI> перед каждым элементом)
Компактный<OL COMPACT></OL> 
Тип нумерации<OL TYPE=A|a|I|i|1>(для всего списка)
<LI TYPE=A|a|I|i|1>(этот и следующие)
Первый номер<OL START=?>(для всего списка)
<LI VALUE=?>(этот и следующие)
Список определений<DL><DT><DD></DL>(<DT>=термин, <DD>= определение)
Компактный<DL COMPACT></DL> 
Меню<MENU><LI></MENU>(<LI> перед каждым элементом)
Компактное<MENU COMPACT></MENU> 
Каталог<DIR><LI></DIR>(<LI> перед каждым элементом)
Компактный<DIR COMPACT></DIR> 


Фон и цвета. Вверх

Фоновая картинка<BODY BACKGROUND="URL"> 
Цвет фона<BODY BGCOLOR="#$$$$$$">(порядок: красный/ зеленый/ синий)
Цвет текста<BODY TEXT="#$$$$$$"> 
Цвет ссылки<BODY LINK="#$$$$$$"> 
Пройденная ссылка<BODY VLINK="#$$$$$$"> 
Активная ссылка<BODY ALINK="#$$$$$$"> 


Специальные символы. (обязаны быть в нижнем регистре) Вверх

Специальный символ&#?;(это код ISO 8859-1)
<&lt; 
>&gt; 
&&amp; 
"&quot; 
Торговая марка ТМ&reg; 
Copyright&copy; 
Неразделяющий пробел&nbsp; 


Формы. Вверх

Определить форму<FORM ACTION="URL" METHOD=GET|POST></FORM> 
Посылка файла<FORM ENCTYPE="multipart/form-data"></FORM> 
Поле ввода<INPUT TYPE="TEXT|PASSWORD|CHECKBOX| RADIO|IMAGE|HIDDEN|SUBMIT| RESET"> 
Имя поля<INPUT NAME="***"> 
Значение поля<INPUT VALUE="***"> 
Отмечен<INPUT CHECKED>(checkboxes и radio boxes)
Размер поля<INPUT SIZE=?>(в символах)
Максимальная длина<INPUT MAXLENGTH=?>(в символах)
Список вариантов<SELECT></SELECT> 
Имя списка<SELECT NAME="***"></SELECT> 
Число вариантов<SELECT SIZE=?></SELECT> 
Множественний выбор<SELECT MULTIPLE>(можно выбрать больше одного)
Опция<OPTION>(элемент который может быть выбран)
Опция по умолчанию<OPTION SELECTED> 
Ввод текста, размер<TEXTAREA ROWS=? COLS=?> </TEXTAREA> 
Имя текста<TEXTAREA NAME="***"></TEXTAREA> 
Разбивка на строки<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA> 


Таблицы. Вверх

Определить таблицу<TABLE></TABLE> 
Окантовка таблицы<table border=?></TABLE> 
Расстояние между ячейками<TABLE CELLSPACING=?> 
Дополнение ячеек<TABLE CELLPADDING=?> 
Желаемая ширина<TABLE WIDTH=?>(в точках)
Ширина в процентах<TABLE WIDTH="%">(проценты от ширины страницы)
Строка таблицы<TR></TR> 
Выравнивание<TR ALIGN=LEFT|RIGHT| CENTER| MIDDLE|BOTTOM> 
Ячейка таблицы<TD></TD>(должна быть внутри строки)
Выравнивание<TD ALIGN=LEFT|RIGHT|CENTER| MIDDLE|BOTTOM> 
Без перевода строки<TD NOWRAP> 
Растягивание по колонке<TD COLSPAN=?> 
Растягивание по строке<TD ROWSPAN=?> 
Желаемая ширина<TD WIDTH=?>(в точках)
Ширина в процентах<TD WIDTH="%">(проценты от ширины страницы)
Цвет ячейки<TD BGCOLOR="#$$$$$$"> 
Заголовок таблицы<TH></TH>(как данные, но жирный шрифт и центровка)
Выравнивание<TH ALIGN=LEFT|RIGHT|CENTER| MIDDLE|BOTTOM> 
Без перевода строки<TH NOWRAP> 
Растягивание по колонке<TH COLSPAN=?> 
Растягивание по строке<TH ROWSPAN=?> 
Желаемая ширина<TH WIDTH=?>(в точках)
Ширина в процентах<TH WIDTH="%">(проценты ширины таблицы)
Цвет ячейки<TH BGCOLOR="#$$$$$$"> 
Заглавие таблицы<CAPTION></CAPTION> 
Выравнивание<CAPTION ALIGN=TOP|BOTTOM>(сверху/снизу таблицы)


Фреймы. Вверх

Документ с фреймами<FRAMESET></FRAMESET>(вместо <BODY>)
Высота строк<FRAMESET ROWS=,,,></FRAMESET>(точки или %)
Высота строк<FRAMESET ROWS=*></FRAMESET>(* = относительный размер)
Ширина колонок<FRAMESET COLS=,,,></FRAMESET>(точки или %)
Ширина колонок<FRAMESET COLS=*></FRAMESET>(* = относительный размер)
Ширина окантовки<FRAMESET BORDER=?> 
Окантовка<FRAMESET FRAMEBORDER="yes|no"> 
Цвет окантовки<FRAMESET BORDERCOLOR="#$$$$$$"> 
Определить фрейм<FRAME>(содержание отдельного фрейма)
Документ<FRAME SRC="URL"> 
Имя фрейма<FRAME NAME="***"|_blank|_self| _parent|_top> 
Ширина границы<FRAME MARGINWIDTH=?>(правая и левая границы)
Высота границы<FRAME MARGINHEIGHT=?>(верхняя и нижняя границы)
Скроллинг?<FRAME SCROLLING="YES|NO|AUTO"> 
Постоянный размер<FRAME NORESIZE> 
Окантовка<FRAME FRAMEBORDER="yes|no"> 
Цвет окантовки<FRAME BORDERCOLOR="#$$$$$$"> 
Содержание без фреймов<NOFRAMES></NOFRAMES>(для просмотрщиков не поддерживающих фреймы)


Язык JAVA. Вверх

Applet<APPLET></APPLET> 
Applet - имя файла<APPLET CODE="***"> 
Параметры<APPLET PARAM NAME="***"> 
Applet - адрес<APPLET CODEBASE="URL"> 
Applet - имя<APPLET NAME="***">(для ссылок из других частей страницы)
Альтернативный текст<APPLET ALT="***">(для программ не поддерживающих Java)
Выравнивание<APPLET ALIGN="LEFT|RIGHT|CENTER"> 
Размеры<APPLET WIDTH=? HEIGHT=?>(в точках)
Отступ<APPLET HSPACE=? VSPACE=?>(в точках)


Разное. Вверх

Комментарий<!-- *** -->(игнорируется просмотрщиком)
Пролог HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> 
Поиск<ISINDEX>(означает начальную точку поиска)
Приглашение<ISINDEX PROMPT="***">(текст приглашения для поля ввода)
Запустить поиск<A HREF="URL?***"></a>(используйте действительно знак вопроса)
URL этого файла<BASE HREF="URL">(должно быть в заголовке)
Имя базового окна<BASE TARGET="***">(должно быть в заголовке)
Отношение<LINK REV="***" REL="***" HREF="URL">(должно быть в заголовке)
Метаинформация<META>(должно быть в заголовке)
Стили<STYLE></STYLE> 
Программа<SCRIPT></SCRIPT> 

Категория: Статьи по Web-разработке и дизайну сайтов | Добавил: [DIY] (16.10.2009)
Просмотров: 1237 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск
Полезные ссылки


Есть свой сайт? Хочешь заработать денег? Тебе сюда!