Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
1 - 10 (25) .docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
84.42 Кб
Скачать

Учебник 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="Ваша подсказка" - подсказка к ссылке (текстовой)

1315171819 16 20 14

AREA

определяет геометрические области внутри карты и ссылки для них shape="rect" (circle, poly) - тип области coords="x1,y1,..." - координаты области alt="описание" - описание, подсказка  href="document.html" - ссылка

171819

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  7 9

FRAME

определяет содержимое и вид одного фрейма marginheight="0" - ширина верхнего и нижнего полей фрэйма marginwidth="0" - ширинау левого и правого полей фрэйма scrolling="yes" (no, auto) - линейка прокрутки name="window-1" - имя фрейма noresize - запретить посетителю менять размеры фреймов

353637383940

FRAMESET

определяет макет основного окна в виде прямоугольных пространств rows="100,200,*" - определяет расположение горизонтальных фреймов cols="10%,20%,70%" - определяет расположение вертикальных фреймов border - определяет ширину рамок фрэймов в пикселах

353637383940

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" - ссылка на карту

101112 171819

LI

определяет элемент списка

3233

MAP

определяет клиентскую навигационную карту name="karta1" - имя карты

171819

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" - задает цвет рамки таблицы

21222324252627,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" - расстояние между ячейками

21222324252627,28

TITLE

заголовок документа

3

TR

строка таблицы bgcolor="#FFCC33" - цвет фона background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина height="45" или height="45%"- высота

21222324252627,28

TT

шрифт пишущей машинки (моноширинный)

8

U

подчеркнутый текст

8

UL

неупорядоченные списки type="disk" (circle, square) - стиль элемента списка

32

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]