Форматирование текста на web-странице. Вставка изображений и гиперссылок | Форматирование текста на Web-странице

Планирование уроков на учебный год (по учебнику Н.Д. Угриновича)


Урок 31
Форматирование текста на web-странице. Вставка изображений и гиперссылок


§ 6.4. Разработка Web-сайтов с использованием языка разметки гипертекста HTML



Содержание урока

6.4.3. Форматирование текста на Web-странице

6.4.4. Вставка изображений в Web-страницы

6.4.5. Гиперссылки на Web-страницах

Практическая работа 6.3

Лабораторная работа № 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качать материалы урока






Наверх