Список елементов HTML
-= сам сделай сайт! =-

ЭТО НЕ ТАК УЖ И СЛОЖНО...

- Основы языка HTML -

  • С чего начинать?
  • Текст.
  • Цвет и фон.
  • Изображения.
  • Изображения-карты.
  • Ссылки.
  • Стили (CSS).
  • Мета-теги.
  • Таблицы.
  • Списки.
  • Формы.
  • E-mail формa.
  • Горизонтальные линии.

    - Дополнительные сведения -

  • Список елементов HTML.
  • Раскладка цветовой гаммы по RGB-составляющим.
  • Спецсимволы в HTML.
  • Курсоры.
  • Фильтры, применяемые к тексту.
  • Фильтры, применяемые к изображению.
  • Дополнительные возможности тега <BODY>

    - Полезное -

  • Новые окна. (
  • Полезные советы Web-мастеру.

    - Java Scripts -

  • JavaScript.
  • События.
  • Окна с сообщениями.
  • Кнопки.
  • Простые вредоносные JavaScripts.
    • Список елементов 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)
      < &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>  


    Вернуться?
    Hosted by uCoz
    Copyright ©2009 Валентин Иткинд
    -= END =-
    Подбор колеса для тележек. Различные материалы.