Небольшая справка по тегам HTML
Всем начинающим в веб программировании в первую очередь стоит изучить 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=?>
Списки.
Неупорядоченный <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>
Разделители.
Параграф <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> (разбить строку)
Фон и цвета.
Фоновая картинка <BODY BACKGROUND=»URL»>
Цвет фона <BODY BGCOLOR=»#$$$$$$»> (порядок: красный/ зеленый/ синий в 16-ричном коде)
Цвет текста <BODY TEXT=»#$$$$$$»>
Цвет ссылки <BODY LINK=»#$$$$$$»>
Пройденная ссылка <BODY VLINK=»#$$$$$$»>
Активная ссылка <BODY ALINK=»#$$$$$$»>
Специальные символы. (обязаны быть в нижнем регистре) Вверх
Специальный символ &#?; (это код ISO 8859-1)
< <
> >
& &
» »
Торговая марка ТМ ®
Copyright ©
Неразделяющий пробел
Таблицы.
Определить таблицу <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> (сверху/снизу таблицы)
Формы.
Определить форму <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>
Фреймы.
Документ с фреймами <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>
Нет комментариев на "Небольшая справка по тегам HTML"
Нет комментариев.
Вы можете продолжить обсуждение этой статьи на форуме