Урок 31
Форматирование текста на web-странице. Вставка изображений и гиперссылок
§ 6.4. Разработка Web-сайтов с использованием языка разметки гипертекста HTML
Содержание урока
6.4.3. Форматирование текста на Web-странице
6.4.4. Вставка изображений в Web-страницы
6.4.5. Гиперссылки на Web-страницах
Лабораторная работа № 19 «Конструируем структуру web-сайта. Создаем макеты страниц»
6.4.3. Форматирование текста на Web-странице
При использовании лишь рассмотренных выше тэгов страница будет выглядеть не слишком привлекательно — мелкий шрифт черного цвета на белом фоне. С помощью следующих тэгов можно задать различные параметры форматирования текста.
Заголовки. Размер шрифта заголовков задается парами тэгов от <Н1> </Н1> (самый крупный) до <Н6> </Н6> (самый мелкий).
Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта.
Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4).
Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.
Шестнадцатеричное представление цвета использует RGB-формат "#rrggbb", где две первые шестнадцатеричные цифры задают интенсивность красного (Red), две следующие — интенсивность зеленого (Green) и две последние — интенсивность синего (Blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".
Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе: ALIGN="left", выравнивание по правой границе: ALIGN="right", выравнивание по центру: ALIGN = "center".
Таким образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом:
<FONT COLOR="blue">
<Н1 ALIGN="center">Всё о компьютере</Н1>
</FONT>
Горизонтальная линия. Заголовок целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга <HR>.
Абзацы. Разделение текста на абзацы производится с помощью контейнера <Р> </Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта.
Контрольные вопросы
1. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?
Cкачать материалы урока
