список html тегов
- Базисные элементы (все документы HTML должны содержать их)
- Определение структуры (вид задается параметрами программы-просмотрщика)
- Внешний вид (определение внешнего вида текста)
- Ссылки и графика
- Разделители
- Списки
- Фон и цвета
- Специальные символы
- Формы
- Таблицы
- Фреймы (frames)
- Язык Java
- Разное
Базисные елементы. Вверх Тип документа <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) < < > > & & " " Торговая марка ТМ ® Copyright © Неразделяющий пробел Формы. Вверх Определить форму <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=?> (в точках) Разное. Вверх Комментарий <!-- *** --> (игнорируется просмотрщиком) Поиск <ISINDEX> (означает начальную точку поиска) Приглашение <ISINDEX PROMPT="***"> (текст приглашения для поля ввода) Запустить поиск <A HREF="URL?***"></a> (используйте действительно знак вопроса) URL этого файла <BASE HREF="URL"> (должно быть в заголовке) Имя базового окна <BASE TARGET="***"> (должно быть в заголовке) Отношение <LINK REV="***" REL="***" HREF="URL"> (должно быть в заголовке) Метаинформация <META> (должно быть в заголовке) Стили <STYLE></STYLE> Программа <SCRIPT></SCRIPT>
Список елементов HTML. |
Этапы создания сайта
HTML
- Начало уроки html верстки
- Основы языка html (теги)
- Разметка html (цвета)
- Офорление текста html страницы
- Изаображения на странице
- Создание ссылок
- Создание списков
- Линии на странице
- Создание html таблиц
- <head>Список meta тегов</head>
- программа создания meta тегов
- Список/Шпаргалка HTML тегов