HTML — 2-3 тема

1. Web-страницы. Язык HTML и др.

Тема 2. Структура документа.
Специальные символы
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

2. Заголовки: H1 … H6

Основы Web-дизайна: HTML и редактор HEFS
2
Заголовки: H1 … H6
<BODY>
<H1>Заголовок документа</H1>
<H2>Заголовок раздела</H2>
<H3>Заголовок подраздела</H3>
<H4>Заголовок параграфа</H4>
<H5>Комментарий</H5>
<H6>Авторские пометки</H6>
</BODY>
left,
выравнивание:
center,
right
<H1 ALIGN=center>История</H1>
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

3. Абзацы

Основы Web-дизайна: HTML и редактор HEFS
3
Абзацы
• переход на новую строку
И вечный бой! Покой
нам только снится<BR>
Сквозь кровь и пыль...<BR>
Летит, летит степная
кобылица<BR>
И мнет ковыль...
• абзац (с отступами)
<P>
Одно физическое тело захотело
поменять три своих старых варежки
на что-нибудь хорошее.
</P>
<P>
До самого вечера тело с варежками ...
</P>
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

4. Выравнивание

Основы Web-дизайна: HTML и редактор HEFS
4
Выравнивание
атрибут тэга <P>
<P ALIGN="center">
Этот текст выровнен по центру.
</P>
<P ALIGN="justify">
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
</P>
left
right
center
justify
по левой границе
по правой границе
по центру
по ширине
К. Поляков, 2007-2011
используйте
! Не
выравнивание по
ширине для узких
столбцов!
http://kpolyakov.narod.ru

5. Web-страницы. Язык HTML и др.

Тема 3. Списки
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

6. Маркированные списки

Основы Web-дизайна: HTML и редактор HEFS
6
Маркированные списки
unordered list
(неупорядоченный список)
<UL>
<LI>Вася
<LI>Петя
<LI>Коля
</UL>
list item
(элемент списка)
изменение маркера:
<UL TYPE="disk">
...
</UL>
К. Поляков, 2007-2011
disk
circle
○
square ■
http://kpolyakov.narod.ru

7. Нумерованные списки

Основы Web-дизайна: HTML и редактор HEFS
7
Нумерованные списки
ordered list
(упорядоченный список)
<OL>
<LI>Вася
<LI>Петя
<LI>Коля
</OL>
изменение нумерации:
1, i, I, a, A
<OL TYPE=i START=3>
...
</OL>
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

8. Списки определений

Основы Web-дизайна: HTML и редактор HEFS
8
Списки определений
definition list (список определений)
<DL>
definition term (термин)
<DT>компьютер
<DD>устройство для
обработки информации
<DT>дискета
<DD>гибкий магнитный диск
<DT>винчестер
<DD>жесткий магнитный
диск
</DL>
definition description
(описание)
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

9. Многоуровневые списки

Основы Web-дизайна: HTML и редактор HEFS
9
Многоуровневые списки
<UL>
<LI>Города России
<OL>
<LI>Москва
<LI>Санкт-Петерург
</OL>
<LI>Города Украины
<OL>
<LI>Киев
<LI>Одесса
</OL>
</UL>
К. Поляков, 2007-2011
http://kpolyakov.narod.ru

English Русский Rules