- Создание простых web-страниц
- Создание простых страниц в редакторе Dreamweaver
- Подготовка и размещение графических изображений
- Использование таблиц для размещения данных и компоновки страниц
- Компоновка страниц с использованием фреймов
- Создание интерактивных страниц с использованием форм
- Каскадные таблицы стилей — расширение возможностей форматирования
- Создание динамических страниц
- Добавление статических и динамических эффектов
Метки форматирования текста
Под форматированием текста подразумевается изменение внешнего вида документа путем разбиения его на абзацы, выравнивания абзацев, проведения горизонтальных разделительных линий, создания списков.
о Создание абзаца: <р>...</р>.
Пример записи: <Р ALIGN=RIGHT>TeKCT абзаца</Р>.
Параметр align позволяет задать выравнивание строк абзаца и может иметь следующие значения:
• left — выравнивание по левому краю (действует по умолчанию);
• right — выравнивание по правому краю;
• center — центрирование строк;
• justify — выравнивание по ширине (по правой и левой сторонам).
Закрывающая метка </р> не обязательна.
Абзацы отделяются друг от друга интервалами, равными пустой строке. Первая строка абзаца не имеет отступа.
о Переход на новую строку в пределах абзаца: <br>.
Текст, располагающийся после метки <br>, будет воспроизводиться с начала новой строки, при этом строки абзаца сохранят выравнивание, заданное для всего абзаца.
о Вставка текста, предварительно отформатированного в текстовом редакторе: <pre>...</pre>.
Использованные в предварительно отформатированном тексте переходы на новую строку, пробелы, символы табуляции сохранятся при выводе его браузером. Текст будет выводиться моноширинным шрифтом;
о Отображение фрагмента текста с отступом: <blockquote>... </blockquote>.
Основное назначение <blockquote> — выделение фрагментов текста (например цитат) путем изменения их положения относительно остального текста. Текст сдвигается на несколько позиций вправо, перед и после текста устанавливаются интервалы.
о Создание маркированного списка: <ul>...</ul>.
Список представляет собой последовательность абзацев, начала которых при выводе списка браузером будут отмечены специальным значком (маркером). До и после списка будут добавлены интервалы.
Метка <li> отмечает начало абзаца, что обеспечивает его вывод с новой строки.
Параметр TYPE позволяет задать тип маркера и может принимать значения:
• disc — закрашенный кружок;
• circle — не закрашенный кружок (действует по умолчанию);
• square — закрашенный квадрат.
Следует обратить внимание, что вопреки принципу нечувствительности к регистру, характерному для HTML, перечисленные выше значения параметра type, нужно писать только строчными буквами.
Допускается использование параметра type в метке <li>.
В качестве маркеров можно использовать специальные символы.
Чтобы в качестве маркера использовать рисунок, нужно вместо метки <font> поставить метку рисунка <img>. например: <ul>
<IMG ЗРС="имя файла рисунка">Первая строка списка<ВЕ> <IMG ЗРС="имя файла рисунка">Вторая строка списка </ul>
В отличие от маркированного списка, абзацы входящие в список, нумеруются. Вид нумерации задается параметром type, который может принимать следующие значения:
• а — нумерация большими латинскими буквами;
• а — нумерация маленькими латинскими буквами;
• I — нумерация большими римскими цифрами;
• i — нумерация маленькими римскими цифрами;
• 1 — нумерация арабскими цифрами (действует по умолчанию).
По умолчанию нумерация списка задается начиная с первого номера. В случае продолжения нумерации параметр start позволяет задать начальный номер списка. Для всех видов нумерации номер должен быть указан арабской цифрой.
Метка <li> может иметь параметры: type — изменяет вид номера только для данного элемента списка, value — изменяет вид номера данного элемента списка с изменением нумерации последующих абзацев.
Пример записи:
<OL>
<LI> Первый элемент списка
<LI TYPE=a VALUE=1> Первый элемент второго списка
<LI TYPE=a> Второй элемент второго списка
<LI VALUE=2> Второй элемент списка
<LI> Третий элемент списка
</0L>
Допускается создание многоуровневого списка, когда один список вкладывается в другой независимо от типа. Список более низкого уровня вложения будет изображаться в браузере смещенным вправо относительно списка предыдущего уровня вложения.
о Создание списка определений: <dl>...</dl>.
Список определений включает определяемый термин, перед которым ставится метка <dt> и абзац с его определением, которому предшествует метка <dd>.
о Создание горизонтальной разделительной линии: <hr>.
Создается рельефная разделительная линия. До и после линии вставляется пустая строка.
В метке могут использоваться параметры:
• align — выравнивает линию по левому краю, по правому краю или по центру в зависимости от значения (LEFT, RIGHT, CENTER - по умолчанию);
• width — позволяет задать длину линии в пикселях или в процентах от ширины окна браузера (в этом случае после значения записывается знак %);
• size — позволяет задать толщину линии в пикселях;
• noshade — отменяет рельефность линии;
• color — позволяет задать цвет линии (при задании цвета линия теряет рельефность).
- Войдите на сайт для отправки комментариев