Научная литература
booksshare.net -> Добавить материал -> Информатика -> Алексеев Ю.М. -> "Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко" -> 8

Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.

Алексеев Ю.М. Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко — М.: «Лучшие книги», 2005. — 430 c.
Скачать (прямая ссылка): bilsprwebsite.pdf
Предыдущая << 1 .. 2 3 4 5 6 7 < 8 > 9 10 11 12 13 14 .. 177 >> Следующая


Итак, изменим размер шрифта с помощью тега <f ont>.

> Перейдите к редактору Блокнот (Notepad).-

> Bp; втором предложении текста HTML-документа замените открывающий <big> и закрывающий </Ыд> теги на пару <?ont size=5x/font>, чтобы установить размер шрифта в 5 условных единиц. Фрагмент кода будет выглядеть так:

<Font size=5xi> Компания АТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус.</і></?ont>

Фай. Правка Формат Вия Справка

<html>

<head> s .

<ГШе>КомпаиюАТЯАНТ<ЛШе> </heact> <bodybgcoloi=blue text=re<l>

<hl aliaF=caita'>KoMTOHiM АТЛАНГ<'Лі1> 'M

<cmt«xfontsize=5><i>KoMnaHira АТЛАНТ обеспечнтвас компьютеракпі її программными продуктами на любой вкус.</і'Х/Тоійх/сеійег> </body> <html>

Рис. 1.11. HTML-код с элементами форматирования

ГЛАВА 1. Первая Web-страница за несколько минут

Г »I. *iejTr»cli3

19

Теперь выровняем данный фрагмент тексти по центру с помощью тегов <сеп-terx/center>. , ¦''''-" •' '••••-'¦•»} .

> Добавьте в начало и конец второго предложения текста HTML-документа открывающий <center> и закрывающий ></center> теги (Рис. 1.11).

> Сохраните HTML-документ на диске.

> Перейдите к программе Microsoft Internet Explorer.

> Перезагрузите файл атлант.МтІ. На Web-странице основной текст будет центрирован (Рис. 1.12).

А-лнъ in*

АЙІГ У ¦¦ '¦-P

<ршия Праха Вид Набранное Сервис Справка


1•iu pjuojil)



¦¦¦¦¦¦


01^-,? в -В

адр-сЙП C:\WEB4ar«aHr.btllj

ТП В Парам* | №

Компания АТЛАНТ

Кампания АТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус.

Рис. 1.12. Отформатированный текст на Web-странице

Язык HTML поддерживает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать,- что шрифт во фрагменте текста будет полужирным, иными словами, явно указать начертание шрифта текста. Такой способ называется физическим форматированием, которым мы пользовались в данном знакомстве. С другой

стороны, есть возможность пометить любой фрагмент текста как имеющий определенный

логический стиль, т.е. структурный тип, например программный код или цитата. Браузер сам интерпретирует стили в тексте и отображает их на экране, например, цитаты обычно выводятся курсивом. Таким образом, логический стиль указывает роль текстового фрагмента, например, что данный фрагмент является программным кодом. Спецификация HTML 4.0 рекомендует использовать, главным образом, логическое форматирование. К тегам, которые определяют логические стили, относятся: v.\

<dfnx/d?n>- используется для определения текстового фрагмента или термина. Текст обычно выводится курсивом.

. ,v.:

<citex/cite> - для отметки цитат, названий книг и фильмов, ссылок на другие источники и т.д. Как правило, отображается курсивом.

<emx/em> - для выделения важных фрагментов текста. Обычно выводится курсивом.

<kbdx/kbd> - для текста, который пользователь вводит с клавиатуры. ' Как правило, отображается моноширинным шрифтом, т.е. обладающим фиксированнойшириной.

<codex/code> - для фрагментов программного кода. Обычно выводится моноширинным шрифтом.

20_Быстро и легко создаем, программируем и раскручиваем Web-сайт

- <strong></strong> - для важных фрагментов. Как правило, отображается полужир- ' ным шрифтом. ¦ ¦ .(.':¦:¦.: ¦

< samp>< / sanp> - для сообщений программ. Обычно выводится моноширинным шрифтом.

<varx/var> - для имен Переменных. Как правило, отображается курсивом.

Язык HTML содержит мощное средство, расширяющее возможности улучшения внешнего вида страниц - каскадные таблицы стилей (Cascading Style Sheets - CSS). Стиль определяет вид HTML-документа при отображении его браузером и задается по определенным правилам. Таблицы стилей позволяют управлять форматированием тегов в документе. Для каждого элемента, задаваемого тегом, можно определить свой стиль отображения браузером. Например, есть возможность создать такой стиль, чтобы все заго- ! ловки разделов второго уровня выводились красным цветом и размером шрифта 14 пунктов. Слово «каскадные» в названии связано с тем, что можно использовать несколько таблиц стилей для форматирования одного документа, при этом браузер выстраивает приоритетность применения данных таблиц: возникает своего рода «каскад».

Стиль большинства элементов HTML описывается с помощью атрибута style,, который расположен внутри открывающего тега элемента. В качестве значения атрибута style используются пары вида «свойство: значение». Например, во фрагменте кода, описывающего заголовок раздела, <hl style-"color: red"> свойство color (цвет) обеспечивает отображение текста заголовка первого уровня красным (red)

Покажем, как с помощью каскадных таблиц стилей указать стиль второго текстового предложения в нашем

Для определения курсивного начертания используется свойство font-style со значе- ; .. нием italic. Чтобы установить размер шрифта, следует воспользоваться свойством font-size, значение которого можно указать в относительных или абсолютных вели- •' чинах. Относительные значения задаются в процентах, а в качестве абсолютных величин можно использовать, например, пункты (pt) или сантиметры (cm). Следует отметить, что абсолютные значения лишат пользователя возможности устанавливать размеры
Предыдущая << 1 .. 2 3 4 5 6 7 < 8 > 9 10 11 12 13 14 .. 177 >> Следующая

Реклама

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed

Есть, чем поделиться? Отправьте
материал
нам
Авторские права © 2009 BooksShare.
Все права защищены.
Rambler's Top100

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed