div1
div2
div3
span1
span2
span3
Заголовок h1
Заголовок h2
Заголовок h3
Заголовок h4
Заголовок h5
Заголовок h6
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
Тег algin
выравнивает по сторонам, притягивает к стороне =
center,
right,
justify(много текста будут ровняться по левой и по равой стороне),
left
font изменяет шрифт.
Атрибуты
color,
size от 1 до 7, где 3 базовый размер а 6 соответствует H1 (возможно указать '+3' или '-2' от базового размера)
face название шрифта и стиль
serif C засечками
sans-serif Без засечек
monospace Моноширийный (символ над символом)
i - курсив
b - полужирный
u - подчеркнутый
tt - моноширийный(символ над символом)
big - увеличить шрифт
small - уменьшить шрифт
sup Надиндекс 23
sub Поддиндекс H2O
em - выделение важных фрагментов курсивом
strong - выделение особо важных фрагментов полужирным
ins - выделение фрагмента подчеркиванием, когда требуется показать явно, что текст был вставлен после опубликования документа.
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; Прямая кавычка "
Уникальное имя должно начинаться с буквы
Ссылка на файл 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 плюс прозрачность.
Атрибут title показывает текст при наведении мыши, можно установить почти везде.
Атрибут 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'
- type="disc" диск
- type="circle" oкружность ...Атрибут type можно вставлять и в 'ul' и в 'li'
- type="square" квадрат
- первый элемент
- второй промежуточный элемент ...
- последний промежуточный элемент
- второй элемент ...
- последний элемент
- type="1" Нумерация выполняется арабскими цифрами (1, 2, 3,...)
- type="A" Нумерация выполняется прописными буквами (A, B, C,...)
- type="a" Нумерация выполняется строчными буквами (a, b, c,...)
- type="I" Нумерация выполняется большими римскими цифрами (I, II, III,...)
- type="i" Нумерация выполняется малыми римскими цифрами (i, ii, iii,...)
- первый элемент
- второй элемент ...Атрибут start="7" ставиться только в 'ol' и задает цифру отсчета
- последний элемент
- Отдел маркетинга
- Данный отдел занимается продвижением товаров и услуг
- Финансовый отдел
- Данный отдел занимается всеми финансовыми операциями
- Смешанный список
- НОВОСТЬ ДНЯ
-
- Сегодня идет дождь
- Дождь будет идти весь день
- НОВОСТЬ НОЧИ
-
- Ночью будет идти дождь
- Завтра начнется новый день
(1,1) | (1,2) |
(2,2) | |
(3,1) |
|
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="число" - Нажимая на табуляцию в первую очередь переходит на это место.