- длинная цитата
- предварительно отформатированный текст
- текстовый блок
Атрибут:

align — выравнивание (left, right, center, justify)
Примеры:

Заголовок в центре

Абзац справа

Ай, Моська, знать, она сильна, коль лает на слона!

со мною тратили!
- горизонтальная полоса-разделитель

- вывод рисунка

width="250" height="150"/>

Слегка увеличиваем шрифт

...
Продолжаем шрифтом 3 размера
...

face="Arial, Helvetica, Sans Serif" size="5">
Вставка текста увеличенным шрифтом Arial


W

веб-мастера. Но только не друг с другом.

Текст с выделенным словом
Я

сильный, но легкий.

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

Лена + Вася Коля = Love

Текст с увеличенным словом. Небоскребы, небоскребы, а я маленький такой.

X², X₀ x2 x0

задается в виде полного URL или имени файла с картинкой

в формате gif или jpg.
bgcolor - определяет цвет фона документа.
text - определяет цвет текста в документе.
link - определяет цвет гиперссылок в документе.
alink - определяет цвет подсветки гиперссылок в момент нажатия.
vlink - определяет цвет гиперссылок на документы, которые вы уже просмотрели.

– используемый протокол;
en.wikipedia.org – хост – адрес или имя запрашиваемого

сервера;
80 – явно не указанный номер порта (но можно указать после имени хоста);
/wiki/Http_error_codes – адрес страницы на сервере

указан нестандартный порт.

– указание того окна, где будет открываться объект:
_parent
_self
_blank
Link

href=“mailto:abc.mail.ru”>Пишите!

можно создать ссылку.
Вставка якоря:

Ссылка на якорь:
текст

блочные элементы – члены списка
маркированный список

Первая строка списка
Вторая

строка списка

Третья строка списка

Атрибуты списка могут задавать вид маркеров (не поддерживается в «строгом» XHTML), например

• Первая строка списка

Первая строка списка
Вторая строка списка
Третья строка списка

Первая строка списка

списка могут задавать тип и способ нумерации (не поддерживается в

«строгом» XHTML)

3. Сделать домашнее задание


4. Купить билеты на концерт




Вымыть посуду
Сделать уборку
Сходить на лекцию


Сделать домашнее задание
Купить билеты на концерт

строк. Каждая из строк состоит из одной либо нескольких ячеек

(заголовки или ячейки с данными). Таблица может содержать параграфы, списки, заголовки, формы, рисунки и отформатированный текст.

Атpибуты: align, border, cellpadding, cellspacing, width.

Элемент

Используется для определения ячеек заголовка таблицы.

Атpибуты: align, colspan, rowspan, height, nowrap, valign, width.

width .

Элемент
Строка в таблице.
Атpибуты: align, valign.

Элемент
Заголовок

всей таблицы.
Атрибуты: align
Таблица расходов

B1 C1                

A2 B2 C2

Возможные значения: left, center, right. По умолчанию способ выравнивания определяется

значением параметра align элемента tr. Если он не задан, то для td выполняется выравнивание по левому краю, а для th — по центру.
valign - вертикальное выравнивание содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (valign="middle"), если значение этого параметра не было задано ранее в элементе tr.
width - определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.
height - определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы.
colspan - определяет количество столбцов, которые объединяет данная ячейка.
rowspan - определяет количество рядов, которые объединяет данная ячейка.
nowrap - блокирует автоматический перенос слов в пределах текущей ячейки.
bgcolor - определяет цвет фона ячейки.
background - заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка.

      WD Caviar 30 Gb85$      

          Quantum 40 Gb110$    

                Matrox G400

align="right">115$                 Voodoo III129.95$    

правила таблицы стилей
правило таблицы стилей:
селектор {пары атрибут-значение}
p {color:blue; text-indent:30pt}
body

{font-family:sans-serif;font-size:15pt}
таблица стилей по умолчанию
область действия таблицы стилей: отдельный элемент, документ, группа документов
CSS (Cascading Style Sheets)

small; font-size: larger; font-size: 10px; font-size: 80%; font-weight: bold; font-weight: 400; font-style: italic; font: sans-serif

bold x-large;

text-align: center; text-align: right; text-transform: uppercase; text-indent: 2cm; text-decoration: underline; text-decoration: blink;

размер буквы ''x'' данного шрифта
px - размер, использующий пиксели,

относительно устройства вывода
% - размер, использующий процентные значения, относительно основного размера
Дочерние элементы не наследуют относительные значения, указанные для их родительских элементов.
Абсолютные
in - размер, в дюймах, 1 дюйм равен 2.54 сантиметрам.
cm - размер, в сантиметрах
mm - размер, в миллиметрах
pt - размер, в точках, 1 точка равна 1/72 дюйма.
pc - размер, в пиках, 1 пика равна 12 точкам.

лекций.
Курс

лекций.

type="text/css">
h2 { color: blue; text-align: center }

p { color: red; text-align: right }
p.blue { color: blue; text-align: right }
.lime { color: lime; text-align: right }

}
Селектор типа класса
p.blue { color: blue; text-align: right }
.lime {

color: lime; text-align: right }

Применение правил таблицы стилей

Text1

- Абзац с красными буквами

Text2

Абзац с синими буквами

Text2

Абзац с зелеными буквами

Text4

Заголовок с зелеными буквами

href="my.css">

}
p { color: red; text-align: right }

p.blue { color: blue; text-align: right }
.lime { color: lime; text-align: right }

[типы носителей];
@import "имя файла" [типы носителей];
Типы носителей
all - все типы

(по умолчанию),
braille - устройства, основанные на системе Брайля (для слепых людей),
handheld - наладонные компьютеры и аналогичные им аппараты,
print - печатающие устройства вроде принтера,
screen - экран монитора,
tv - Телевизор.

screen;
@import URL("myprint.css") print;
h2 {

color: gray; text-align: right }
p.blue { color: blue; text-align: right }
.yellow { color: yellow }