Первые шаги - Учебник (руководство) по хтмл (html).

-= сам сделай сайт! =-

Руководство по Html.

Инструментарий. Основные понятия.

Ступенька 1 - "Основной инструментарий, учимся работать руками".

Ступенька 2 - "Хтмл - язык ли? Гуси, гуси , тэги, tag`и".

Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"

Простейшие.
Ступенька 4 - "Раскрась сам. Изменяем цвет текста".
Ступенька 5 - "Как изменять цвет фона. Оранжевый галстук".
Ступенька 6 - "Параграфы. Учимся выравнивать текст".
Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
Ступенька 9 - "Что такое путь?" Как вставлять картинки".
Ступенька 10 - "Что можно сделать с картинкой".
Ступенька 11 - "Ссылка и как с нею бороться".
Ступенька 12 - "Может ли картинка быть ссылкой".
Ступенька 13 - "Куда податься, на что ссылаться. Новое окно".
Ступенька 14 - "Что такое списки, или Он меня посчитал".
Ступенька 15 - "О линиях. Просто и полезно".
Ступенька 16 - "Спецсимволы или Головная боль".

Таблицы.

Ступенька 17 - "Учимся создавать таблицы".
Ступенька 18 - "Учимся создавать таблицы" продолжение.
Ступенька 19 - "Таблицы, вертикальное выравнивание (valign)".
Ступенька 20 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)"
Ступенька 21 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
Ступенька 22 - "Вложенные таблицы и некоторые нюансы".
Ступенька 23 - "О рамках таблиц, и брюзжание о таблицах напоследок".

Фреймы.

Ступенька 24 - "Вступление. Зачем они (фреймы) нужны."
Ступенька 25 - "Учимся создавать фреймы".
Ступенька 26 - "Учимся создавать фреймы" продолжение.
Ступенька 27 - "Учимся создавать фреймы" продолжение.
Ступенька 28 - "Параметры тэга Frame. Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
Ступенька 29 - "Как делать так, чтобы при нажатии на ссылку документ открывался в другом фрейме, в полное окно".
Ступенька 30 - "Последняя глава о фреймах. Что такое IFrame. Несколько ссылок напоследок.".

Дополнительные.

Ступенька 31 - "Форматирование текста. Тэги Big, Small, Strike (или S), Sub и Sup" (крупный, малый текст, перечеркнутый, верхний и нижний индексы).
Ступенька 32 - Завершение обтекания текстом объекта (картинки).
Ступенька 33 - Навигационные карты. Map. Как сделать часть картинки ссылкой.
Ступенька 34 - Навигационные карты 2.
Ступенька 35 - Навигационные карты 3.
Ступенька 36 - Ссылка внутри документа, якоря, anchor.
Ступенька 37 - Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight.
Ступенька 38 - Cпецифические теги, бегущая строка текста.

Примечания.

Примечание (1) - Как сохранить документ, как html-файл в блокноте.
Примечание (2) - Несколько ссылок на тему "История HTML".
Примечание (8) - Работа со шрифтами (ссылки).
Примечание (11) - Подсказка к текстовой ссылке
Примечание (11) - Дополнительные опции Mailto.
Примечание (12) - Как задавать цвет рамок вокруг картинки? И нужны ли рамки?
Примечание (24) - "Фреймы хорошо, или все же плохо?"

Карта сайта
Всё о PHP | .

Главная | Оглавление | Словарь

Здесь находятся все тэги, которых мы касались, шагая по ступенькам (еще разрабатывается).

<a href="другой_документ.html"></a> - ссылка - о тэге.

target=_blank - открывает ссылку в новом окне.

name="anchor1" - имя закладки.

<area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью - о тэге.

shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)

coords="x1,y1,..." - координаты, количество зависит от типа области

alt="описание" - описание, подсказка

href="document.html" - ссылка

 - жирный текст - о тэге.

<big></big> - крупный текст - о тэге.

<body></body> - обязательный тэг - о тэге.

<body text="#cc0000"> - задает цвет текста всего документа

<body bgcolor="#000000"> - задает цвет фона документа

<body background="картинка.jpg"> - задает фоновую картинку

<body link="#ff9999"> - задает цвет ссылки

<body alink="#ff9999"> - задает цвет активной (нажатой) ссылки

<body vlink="#ff9999"> - задает цвет посещенной ссылки

<body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE

<body leftmargin="0"> - определяет ширину левого и правого полей документа для IE

<body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN

<body marginwidth="0"> - определяет ширину левого и правого полей документа для NN

  - перенос строки (принудительный) - о тэге.

clear="all" (left, right) - завершение обтекания текстом объекта (картинки).

<center></center> - центрирование текста - о тэге.

 - сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже - о тэге.

текст - задает цвет текста выбранной части документа.

текст - задает размер шрифта текста (от -2 до +4)

текст - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт)

<frame src="menu.html"> - определяет фрэйм и его свойства внутри frameset - главы 24 - 30.

marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма.

marginwidth="0" - определяет ширину левого и правого полей фрэйма.

scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).

name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").

<frameset></frameset> - определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов - главы 24 - 30.

rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.

cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.

border - определяет ширину рамок фрэймов в пикселах.

<Hx></Hx> - заголовок- о тэге.

<head></head> - обязательный тэг - о тэге.

<hr> - линия - о тэге.

<Hr align="right"> (center или left>

<Hr width="30%"> (ширина линии в процентах)

<Hr size="6"> (толщина линии)

<Hr NoShade> (отмена объемности)

<Hr color="cc0000"> (цвет линии, только в IE)

<html></html> - обязательный тэг - о тэге.

 - выделяет текст курсивом - о тэге.

<img src="ваша_картинка.jpg"> - рисунок - о тэге

Border="5" - рамка покруг картинки

width="500" - ширина картинки

height="100" - высота картинки

align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)

vspace="10" - расстояние от картинки до текста по вертикали

hspace="30" - расстояние от картинки до текста по горизонтали

alt="описание" - описание картинки

usemap="#karta1" - ссылка на карту

<map></map> - навигационные карты - о тэге

name="karta1" - имя карты

<marquee></marquee> - бегущая строка (текста) - о тэге

height="16" - высота строки

width="250" - ширина строки

bgcolor="#99CCFF" - цвет фона

vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали

hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали

loop="2" - сколько раз прокрутится строка

direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз)

behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю)

scrollamount="1" - скорость движения строки, может принимать значения от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)

<li></li> - cписки - о тэге

type="disk" - полный кружок (по умочанию)

type="circle" - полый кружок

type="square" - квадратик

 - параграф - о тэге.

текст - центрирование текста.

текст - выравнивание текста по правому краю документа.

текст - выравнивание текста по левому краю документа.

текст - выравнивание текста по обоим краям документа.

<pre></pre> - форматированый текст - о тэге.

<s></s> - перечеркнутый текст - о тэге.

 - малый текст - о тэге.

<stike></strike> - перечеркнутый текст - о тэге.

 - нижний индекс - о тэге.

 - верхний индекс - о тэге.

<title></title> - название документа - о тэге.

<table></table> - таблицы - о тэге, главы 17-23.

<tr></tr> - строчка (ряд) таблицы.

<td></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" - задает пространство между ячейками.

cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.

border="3" - задает толщину рамки таблицы.

bordercolor="#000000" - задает цвет рамки таблицы.

<tt></tt> - фиксированный (моноширинный) текст - о тэге

 - подчеркнутый текст - о тэге.

<ul></ul> - отступ (табуляция) - о тэге.