
- •Учебник html
- •Первые Шаги - Словарь тэгов.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
Учебник html
Учебник по Html для чайников - Оглавление
Инструментарий.
Основные понятия.
Ступенька 1 - "Основной инструментарий, учимся работать руками".
Ступенька 2 - "Что такое тэги?".
Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Простейшие.
Ступенька 4 - "Раскрась сам. Изменяем цвет текста".
Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов".
Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст".
Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт".
Ступенька 10 - "Что такое путь? Как вставлять картинки".
Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".
Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки".
Ступенька 13 - "Ссылка и как с нею бороться".
Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке".
Ступенька 15 - "Может ли картинка быть ссылкой".
Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку".
Ступенька 17 - "Карты. Как часть картинки сделать ссылкой".
Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2".
Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3".
Ступенька 20 - "Закладка. Как сделать ссылку внутри документа". Таблицы.
Ступенька 21 - "Учимся создавать таблицы".
Ступенька 22 - "Учимся создавать таблицы" продолжение.
Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)".
Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)".
Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание".
Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
Ступенька 26 - "Вложенные таблицы и некоторые нюансы".
Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок".
Ступенька 28 - "Создаем простой сайт с таблицами". Дополнительные.
Ступенька 29 - "Спецсимволы, или головная боль".
Ступенька 30 - "О линиях. Просто и полезно".
Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".
Ступенька 32 - "О списках. Неупорядоченные списки".
Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".
Ступенька 34 - "Cпецифические тэги, бегущая строка текста". Фреймы.
Ступенька 35 - "Вступление. Зачем они (фреймы) нужны."
Ступенька 36 - "Учимся создавать фреймы".
Ступенька 37 - "Учимся создавать фреймы" продолжение.
Ступенька 38 - "Учимся создавать фреймы" продолжение.
Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".
Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame".
Первые Шаги - Словарь тэгов.
Тэг |
Назначение и атрибуты, рассматриваемые в учебнике |
Ступеньки |
A |
ссылка href="другой_документ.html" - путь к документу target=_blank - открывает ссылку в новом окне name="anchor1" - имя закладки title="Ваша подсказка" - подсказка к ссылке (текстовой) |
13, 15, 17, 18, 19 16 20 14 |
AREA |
определяет геометрические области внутри карты и ссылки для них shape="rect" (circle, poly) - тип области coords="x1,y1,..." - координаты области alt="описание" - описание, подсказка href="document.html" - ссылка |
17, 18, 19 |
B |
выделение текста полужирным шрифтом |
8 |
BIG |
выделение текста более крупным шрифтом, чем основной |
8 |
BODY |
тело документа, обязательный тэг text="#cc0000" - задает цвет текста всего документа bgcolor="#000000" - задает цвет фона документа background="картинка.jpg" - задает фоновую картинку link="#ff9999" - задает цвет ссылки alink="#ff9999" - задает цвет активной (нажатой) ссылки vlink="#ff9999" - задает цвет посещенной ссылки topmargin="0" - ширина верхнего и нижнего полей документа для IE leftmargin="0" - ширина левого и правого полей документа для IE marginheight="0" - ширина верхнего и нижнего полей документа для NN marginwidth="0" - ширина левого и правого полей документа для NN |
3 4 5 11 13 31 |
BR |
принудительный перенос текста на другую строку clear="all" (left, right) - завершение обтекания текстом объекта |
12 |
CENTER |
центрирование текста и объектов |
6 |
DIV |
выравнивание текста и объектов align="center" - центрирование align="right" - выравнивание по правому краю документа align="left" - выравнивание по левому краю документа align="justify" - выравнивание по обоим краям документа |
6 |
FONT |
управление шрифтами color="#cc0000 - задает цвет для блока текста size="+0" - задает размер шрифта текста (от -2 до +4) face="Arial" - задает определенный тип шрифта |
4Главная /
Html
|
FRAME |
определяет содержимое и вид одного фрейма marginheight="0" - ширина верхнего и нижнего полей фрэйма marginwidth="0" - ширинау левого и правого полей фрэйма scrolling="yes" (no, auto) - линейка прокрутки name="window-1" - имя фрейма noresize - запретить посетителю менять размеры фреймов |
35, 36, 37, 38, 39, 40 |
FRAMESET |
определяет макет основного окна в виде прямоугольных пространств rows="100,200,*" - определяет расположение горизонтальных фреймов cols="10%,20%,70%" - определяет расположение вертикальных фреймов border - определяет ширину рамок фрэймов в пикселах |
35, 36, 37, 38, 39, 40 |
Hx |
заголовки (H1, H2, H3, H4, H5, H6) |
7 |
HEAD |
голова документа, обязательный тэг |
3 |
HR |
линия align="right" (center или left) width="30%" (ширина линии в процентах) size="6" (толщина линии) NoShade (отмена объемности) color="cc0000" (цвет линии, только в IE) |
30 |
HTML |
указывает на тип документа, обязательный тэг |
2 |
I |
выделение текста курсивом |
8 |
IFRAME |
"плавающий" фрейм src="ancorpri.html" - путь к подгружаемому документу width="300" - вширина "плавающего" фрейма height="250" - высота "плавающего" фрейма scrolling="auto" (yes, no) - полоса прокрутки frameborder="1" (0) - отображать или нет границы фрейма |
41 |
IMG |
подгрузка изображений (картинок) Border="5" - рамка покруг картинки width="500" - ширина картинки height="100" - высота картинки align="left" - расположение текста по отношению к картинке vspace="10" - расстояние от картинки до текста по вертикали hspace="30" - расстояние от картинки до текста по горизонтали alt="описание" - описание картинки usemap="#karta1" - ссылка на карту |
10, 11, 12 17, 18, 19 |
LI |
определяет элемент списка |
32, 33 |
MAP |
определяет клиентскую навигационную карту name="karta1" - имя карты |
17, 18, 19 |
MARQUEE |
бегущая строка текста (только IE) bgcolor - цвет фона бегущей строки height - высота строки width - ширина строки behavior="scroll" обычная прокрутка behavior="slide" - строка пробегает до края и останавливается behavior="alternate" - строка будет двигаться от края к краю scrollamount="1" (1-10) - скорость движения строки direction="left" (right, up, down) - движение влево (вправо, вверх, вниз) |
34 |
OL |
упорядоченные списки type="I" (i, 1, a, A) - стиль элемента списка |
33 |
P |
параграф, выравнивание текста и объектов align="center" - центрирование align="right" - выравнивание по правому краю документа align="left" - выравнивание по левому краю документа align="justify" - выравнивание по обоим краям документа |
6 |
PRE |
форматированный текст |
8 |
S |
перечеркнутый текст |
8 |
SMALL |
выделение текста более мелким шрифтом, чем основной |
8 |
STRIKE |
перечеркнутый текст |
8 |
SUB |
нижний индекс |
8 |
SUP |
верхний индекс |
8 |
TABLE |
таблица bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки) background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина таблицы height="45" или height="45%"- высота таблицы cellspacing="5" - расстояние между ячейками cellpadding="5" - расстояние внутри ячеек border="3" - задает толщину рамки таблицы bordercolor="#000000" - задает цвет рамки таблицы |
21, 22, 23, 24, 25, 26, 27,28 |
TD |
ячейка данных таблицы bgcolor="#FFCC33" - цвет фона background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина height="45" или height="45%"- высота align="center" (right, left) - горизонтальное выравнивание содержимого valign="middle" (top, bottom) - вертикальное выравнивание содержимого colspan="2" - растянуть ячейку на несколько стобцов rowspan="2" - растянуть ячейку на несколько рядов cellspacing="5" - расстояние между ячейками |
21, 22, 23, 24, 25, 26, 27,28 |
TITLE |
заголовок документа |
3 |
TR |
строка таблицы bgcolor="#FFCC33" - цвет фона background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина height="45" или height="45%"- высота |
21, 22, 23, 24, 25, 26, 27,28 |
TT |
шрифт пишущей машинки (моноширинный) |
8 |
U |
подчеркнутый текст |
8 |
UL |
неупорядоченные списки type="disk" (circle, square) - стиль элемента списка |
32 |