Форматирование текста на Web-странице
Пока наша страница выглядит не слишком привлекательно: мелкий шрифт черного цвета на белом фоне. С помощью тэгов молено задать различные параметры форматирования текста.
Заголовки. Размеры шрифтов заголовков задаются парами тэгов от <Н1></Н1> (самый крупный) до <Н6></Н6> (самый мелкий).
Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).
Атрибут COLOR позволяет задавать цвет шрифта (например, C0L0R="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.
Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие - интенсивность зеленого (green) и две последние - интенсивность синего (blue) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF. Например, синий цвет задается значением "#0000FF".
Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе задается так: ALlGN="left", выравнивание по правой границе: ALIGN="right", выравнивание по центру: ALIGN= "center".
Таким-образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом:
<FONT COLOR="blue"> <Н1 ALIGN="center">Компьютер и ПО</Н1> </FONT>
Горизонтальная линия. Заголовки целесообразно отделять от остального содержания страницы горизонтальными линиями с помощью одиночного тэга <HR>.
Абзацы. Разделение текста на абзацы производится с помощью контейнера <Р></Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта.
Домашняя страница сайта. На домашней странице сайта обычно размещается текст, кратко описывающий его содержание. Поместим на домашнюю страницу сайта "Компьютер" текст, разбитый на абзацы с различным выравниванием:
<Р ALIGN="left">Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</Р> <Р ALIGN= "right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</Р>
Таким образом, домашняя страница сайта "Компьютер" будет содержать отцентрированный крупный заголовок синего цвета, отделенный горизонтальной линией от двух по-разному выровненных абзацев (рис. 6.27):
<FONT COLOR="blue"> <Н1 ALIGN="center"> Компьютер и ПО </Н1> </FONT> <HR> <Р ALIGN="left">Ha этом сайте...</Р> <Р ALIGN ="right"> Терминологический словарь ...</Р>
- Билеты к экзамену по информатике. 8 класс. 2010 год
- Понятие информации. Информация в природе, обществе, технике.
- Задача на передачу информации.
- Роль информации в живой природе и в жизни людей.
- Задача на передачу информации.
- Виды и свойства информации.
- Скопировать изображение из локальной сети.
- Виды и свойства информации. Виды информации
- Свойства информации.
- Определить ip-адрес компьютера.
- 1. Единицы измерения количества информации.
- 1. Единицы измерения количества информации.
- 1. Содержательный подход к определению количества информации.
- 2. Определить тактовую частоту компьютера и размер оперативной памяти.
- 1. Содержательный подход к определению количества информации.
- 1. Оперативная и долговременная память.
- 2. Работа с электронной почтой.
- 1. Оперативная и долговременная память.
- 1.Передача информации.
- 2. Тест: «Что не является операционной системой?»
- 1.Передача информации.
- Адресация в Интернете
- Всемирная паутина
- Электронная почта
- Файловые архивы
- Общение в Интернете
- Мобильный Интернет
- Звук и видео в Интернете
- Общение в Интернете Общение в Интернете
- 1.Электронная почта.
- 2 Установить дату и время, заставку экрана.
- 1.Электронная почта.
- 1.Основы языка разметки гипертекста html.
- 2. Решение задачи на нахождение количества информации.
- 1.Основы языка разметки гипертекста html.
- Структура Web-страницы
- Форматирование текста на Web-странице
- Вставка изображений в Web-страницы
- Гиперссылки на Web-страницах
- 2. Решение задачи на нахождение количества информации.