div1
div2
div3
span1 span2 span3

Заголовок h1

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5
Заголовок h6
Заголовока h7 нет!
size="1" (10px)
size="2" (13px)
size="3" (16px)
size="4" (18px)
size="5" (24px)
size="6" (32px)
size="7" (48px)

hr Горизонтальная линия блочный элемент
Ширина 10 пиксилей
Цвет фиолетовый
Виден на 150 пикселей / линия справа, синяя, 40%, 15 в ширину

p Параграф

блочный элемент,

внутри только строчные

br Перенос
строки
строчный
элемент


blockquote Блочная цитата (отодвигает на 40 пикселей) Элемент блочный, внутри может быть и блочные и строчные. They went in single file, running like hounds on a strong scent, and an eager light was in their eyes. Nearly due west the broad swath of the marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.
               (o_O)
Элемент pre     /|\
                /\

        o8%8888,
      o88%8888888.
     8'-    -:8888b
    8'         8888
   d8.-=. ,==-.:888b
   >8 `~` :`~' d8888
   88         ,88888
   88b. `-~  ':88888
   888b ~==~ .:88888
   88888o--:':::8888
   `88888| :::' 8888b
   8888^^'       8888b
  d888           ,%888b.
 d88%            %%%8--'-.
/88:.__ ,       _%-' ---  -
    '''::===..-'   =  --.  `
address контактная информация, блочный, внутри только срочный, пишет курсивом
Атрибут
algin
выравнивает по сторонам, притягивает к стороне =
center,
right,
justify(много текста будут ровняться по левой и по равой стороне),
left
Тег
font изменяет шрифт.
Атрибуты
color,
size от 1 до 7, где 3 базовый размер а 6 соответствует H1 (возможно указать '+3' или '-2' от базового размера)
face название шрифта и стиль

serif C засечками
sans-serif Без засечек
monospace Моноширийный (символ над символом)

i - курсив
b - полужирный
u - подчеркнутый
strike - зачеркнутый
tt - моноширийный(символ над символом)
big - увеличить шрифт
small - уменьшить шрифт
sup Надиндекс 23
sub Поддиндекс H2O
em - выделение важных фрагментов курсивом
strong - выделение особо важных фрагментов полужирным
ins - выделение фрагмента подчеркиванием, когда требуется показать явно, что текст был вставлен после опубликования документа.
del - выделение фрагмента перечеркиванием, когда требуется показать явно, что текст был удален после опубликования документа.
cite - выделение цитат курсивом
code - отображение фрагментов программного кода моноширинным шрифтом
kbd - текст, вводимый с клавиатуры: отображается моноширинным шрифтом
var - название переменных: отображается курсивом
samp - выделение нескольких символов моноширинным шрифтом
dfn- определение вложенного термина курсивом
abbr - аббревиатура
acronym - акроним
q lang="ru" - определение кавычек

Ω (& # x 2 1 2 6)
& nbsp; & #160; Неразбиваемый пробел
& trade; & #153; Торговая марка™
& reg; & # 174; Зарегистрировано ®
& copy; & #169; Копирайт ©
& gt; & #062; Знак "больше" >
& lt; & #060; Знак "меньше" <
& amp; & #038; Амперсанд &
& quot; & #034; Прямая кавычка "


nobr - Текст никогда не будет перенесен браузером. nobr - Текст никогда не будет перенесен браузером. nobr - Текст никогда не будет перенесен браузером.

Уникальное имя должно начинаться с буквы
Ссылка на файл 1.html с меткой "а"
Переход к другому документу с меткой
Ссылка внутри документа на ссылку name
Ссылка внутри документа на параграф id
ссылка внутри документа

id в параграфе внутри документа

Ссылка на e-mail, при помощи протокола mailto:
target="_blank" Открыть в новом окне
target="_self" Открыть в том же окне

"../project/first.html"
"../../about/contact.html"
"/" - корень сайта
"/demo/"
"/images/pic.gif"

Атрибуты в body:
background="2.png" размножает картинку на фоне всего документа.
link — цвет неотработанной ссылки
alink — цвет активной ссылки
vlink — цвет отработанной ссылки
'body bgcolor="#ffffff" text="#000000" link="#0000ff" alink="#ff0000" vlink="#800080"'

PNG-8:
индексированная цветовая палитра. поддержка прозрачности.
256 цветов.
PNG-24:
полноцветный.
PNG-32:
полноцветный,полупрозрачность,задается альфа-каналом.
16бит цветов, полный спектор RGB плюс прозрачность.

r2d2 Атрибут title показывает текст при наведении мыши, можно установить почти везде.
r2d2 Атрибут alt отображаеться в поисковиках. И диктуеться для слепых.
Атрибут align, текст отекает по сторонам картинки
top - вертикальное выравнивание по верхнему краю.
middle - вертикальное выравнивание по центру.
bottom - вертикальное выравнивание по нижнему краю.
left - горизонтальное выравнивание по левому.
right - горизонтальное выравнивание по правому краю.
Атрибут hspace дает отступ слева и спарва от картинки.
Атрибут vspace дает отступ сверху и снизу от картинки.


Карты изображений

rect — прямоугольник.
circle — окружность.
poly — многоугольник.
default — оставшаяся область.
Дополнительные атрибуты:
nohref,alt,title
Adobe Fireworks / rectangle hotspot tool / save:export

Маркированный список (unordered list) Списки неупорядаченые 'ul'
Нумерованный список (ordered list) Списки упорядоченые 'ol'
  1. type="1" Нумерация выполняется арабскими цифрами (1, 2, 3,...)
  2. type="A" Нумерация выполняется прописными буквами (A, B, C,...)
  3. type="a" Нумерация выполняется строчными буквами (a, b, c,...)
  4. type="I" Нумерация выполняется большими римскими цифрами (I, II, III,...)
  5. type="i" Нумерация выполняется малыми римскими цифрами (i, ii, iii,...)
  6. первый элемент
  7. второй элемент
  8. ...Атрибут start="7" ставиться только в 'ol' и задает цифру отсчета
  9. последний элемент
Списки определений (definition list) Все блочные, 'dt'внутри только строчные.'dd'k.,st элементы.
Отдел маркетинга
Данный отдел занимается продвижением товаров и услуг
Финансовый отдел
Данный отдел занимается всеми финансовыми операциями
Вложенные(смешанные) списки
Смешанный список
НОВОСТЬ ДНЯ
  • Сегодня идет дождь
  • Дождь будет идти весь день
  • НОВОСТЬ НОЧИ
  • Ночью будет идти дождь
  • Завтра начнется новый день
  • Трабл
    (1,1) (1,2)
    (2,2)
    (3,1)
    Трабл
    (1,1) (1,2)
    (2,2)
    (3,1)
    Атрибуты элемента TABLE
    align - left, right, center
    width - число или процент (Ширина таблици)
    cellpadding - число (контент не может приближать к границам ячейки меньше чем это число, внутрений отступ)
    cellspacing - число (растояние между рамками ячеек)
    bgcolor - цвет (Фоновый цвет всей таблици)
    background - файл
    border - число (рамка)
    bordercolor - цвет
    bordercolorlight - цвет
    bordercolordark - цвет

    Атрибуты элемента TR
    align - left, center, right
    valign - top(по верхней строке), middle, bottom, baseline (выравнимание контента внутри ячейки)
    height - число (высота ячейки)
    bgcolor - цвет
    bordercolor - цвет
    bordercolordark - цвет
    bordercolorlight - цвет

    Атрибуты элемента TD (TH)
    align - left, center, right
    valign - top(по верхней строке), middle, bottom, baseline (выравнимание контента внутри ячейки)
    width - или процент
    height - число (высота ячейки)
    bgcolor - цвет
    background - файл
    bordercolor - цвет
    bordercolordark - цвет
    bordercolorlight - цвет
    nowrap -
    colspan - число
    rowspan - число

    Атрибуты элемента caption
    align - top, bottom, left, right
    valign - top, bottom (top используеться по умолчанию)

    Группируем таблицу по блокам
    thead... thead...
    tbody... … может быть много tbody блоков но оязательно хоть один tbody...
    tfoot... tfoot...


    Группируем таблицу по колонкам
    span=у скольких столбцов будет определенная ширина
    width=ширина определенных столбцов.
    <col span="2" width="50">
    <col span="1" width="100">
    <col span="3" width="10">
    1 2 3 4 5 6


    Встроенный фрейм
    Атрибуты: name, width, height, src, frameborder, scrolling, hspace, vspace, marginwidth, marginheight

    Форма
    Атрибуты элемента FORM
    action - http://specialist.ru/file.php /cgi-bin/handler.cgi - Адрес серверного скрипта
    enctype - text/plain application/x-www-form-urlencoded multipart/form-data - метод кодирования (media-typs)
    method - POST, GET -
    tabindex="число" - Нажимая на табуляцию в первую очередь переходит на это место.



    ASP
    JavaScript
    PHP
    HTML
    ASP
    JavaScript
    PHP
    HTML






    Темка ASP
    JavaScript
    PHP
    HTML


    Картинка всегда послать форму "submit"