Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Ф»й* П р MiBJ Лид Mitfp ¦WiM Сервис Спрями
Qh««A-*D - gj g| 1/) Поиск ^ Игірапнм 0
0- H • У
Аарк: |в] C:\WEBUtmht hbd
ІД H Парапд Unk. "
Компания АТЛАНТ ж'
Компания АТЛАНТ обеспечит вас компьютерами и программными продуктами на ці любой вкус. STl
щ
{Q Готово И [~
f Jl........I jlS.*C°4»i-.;................................А
Рис. 1.7. Заголовок первого уровня
16
Быстро и легко создаем, программируем и раскручиваем Web-сайт
По умолчанию заголовок раздела выравнивается по левому краю страницы. Атрибут align позволяет выровнять заголовок по правому краю или центрировать. Значение right данного атрибута обеспечивает выравнивание текста по правому краю, а значение center — центрирование. Давайте выровняем заголовок раздела по центру Web-
страницы.
> Нажмите кнопку программы Блокнот (Notepad) на Панели задач (Taskbar) операционной системы Windows, чтобы перейти к окну редактора.
> Добавьте в тег <Ы> атрибут align=center, чтобы центрировать заголовок. Данный элемент будет выглядеть так:
<Ы а1ідп=се^ег>Компания АТЛАНТ< /Ь.1>
> Выберите команду меню Файл ¦ Сохранить (File ¦ Save) для сохранения документа на диске.
> Щелкните мышью на кнопке программы Microsoft Internet Explorer на Панели задач (Taskbar) операционной системы Windows, чтобы перейти к окну браузера.
Нажмите кнопку (Refresh) ) на панели инструментов. Файл
атлант.гііті будет перезагружен, а на Web-странице заголовок будет центрирован (Рис. 1.8). ::':>¦
Компания АТЛАНТ
Компания АТЛАНТ обеспечит вас компьютерами ^^^^^^^ш продуктами на *
любой вкус.
T
T JOv Сочи»
. Рис. 1.8. 'Центрированный заголовок раздела
Теперь установим наклонное начертание остального текста Web-страницы, воспользовавшись парными тегами <ix/i>.
> Перейдите к редактору Блокнот (Notepad) с помощью Панели задач = (Taskbar) операционной системы Windows.
> Добавьте в начало и конец второго предложения текста HTML-документа открывающий <±> и закрывающий </i> теги. Элемент с данными тегами примет вид:
программными
<і>Компания АТЛАНТ обеспечит вас компьютерами и продуктами на любой вкус.</і>
> Сохраните HTML-документ на диске с помощью команды меню Файл ¦ Сохранить (File • Save).
ГЛАВА 1. Первая Web-страница за несколько минут
17
> Перейдите к программе Microsoft Internet Explorer, воспользовавшись Панелью задач ••; '.(Taskbar) операционной системы Windows. -у. ¦ -г
> Перезагрузите файл с HTML-документом атлант.Мт!, используя кнопку Обновить
(Refresh) (уш 1) на панели инструментов, и на Welxnpaiome текст примет наклонное
начертание (Рис. 1.9).
-с. ; f "V
Адрес c:\web\er лант.мт!
JH ЕГПгоіяод Ljnks
Компания АТЛАНТ
Компания АТЛАНТ обеспечит вас компьютерами и программными, продуктами на любой вкус.
пг-ГГ|а%ь^
¦Зі-
Рис. 1.9. Наклонное начертание текста ¦ ¦ <
¦у. . --. ",' --і •
Отметим, что пара тегов <Ъх/Ь> позволяет установить полужирное начертание текста, а пара <ux/u> - подчеркнутое начертание символов.
. HTML допускает вложенность тегов. Например, в созданный элемент с парой тегов <?></і>можно вставить теги <Ьх/Ь>, чтобы текст принял . курсивное полужирное начертание. При этом нужно внимательно следить за"* порядком вложения тегов, т.е. последний открывающий тег должен соответствовать первомузакрывающему, например <±><Ь>...</Ъ></±>.
HTML поддерживает несколько способов изменения размеров шрифта. Сначала увеличим размер шрифта с помощью пары тегов <bigx/big>.
> Перейдите к редактору Блокнот (Notepad).
> Добавьте в начало и конец второго предложения текста HTML-документа открывающий <Ыд> и закрывающий < /big> теги. Элемент с данными тегами примет вид:-
<Ьідхі>Компания АТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус.</ix/big> ,
> Сохраните HTML-документ на диске.
> Перейдите к программе Microsoft Internet Explorer.
> Перезагрузите файл атлант.Мтї. На Web-странице размер шрифта увеличится . (Рис. 1.10). - ' ' '. '• ' '*
С помощью пары тегов <small></small> можно уменьшить размер шрифта текста по сравнению с исходным.
Быстро и легко создаем, программируем и раскручиваем Web-сайт
1-І E кріиісі |Auluimf+r*-j4 (jj6ufdl
Набранное Сирі ис Сіцивка
\Q Ним - © . jg| g) (j>|pn-« ^>rfP-~ €>| 3C:WEBWrnMr.hlat
bSS«?
Компания АТЛАНТ
КомпатіяАТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус.
][ЩМ>Со»ти1«г
Рис. 1.10. Текст с увеличенным размером шрифта . '
Другой способ изменения размера шрифта заключается в использовании пары тегов <fontx/?ont>. Атрибут тега size позволяет устанавливать размеры шрифта в условных единицах от 1 до 7: значение 1 соответствует минимальному размеру шрифта, а величина 7 - максимальному. Принято считать, что размер обычного текста равен 3 условным единицам. Значение атрибута size можно указывать в относительных значениях с помощью знака + (плюс) или - (минус). В этом случае размер шрифта увеличивается или уменьшается по сравнению с исходным. Например, тег <?ont size=+2> увеличит размер шрифта по сравнению с текущим на две условных единицы. Другой атрибут рассматриваемого тега - face позволяет указать название шрифта, например Arial, которым браузер будет отображать текст. Еще один атрибут - color - способен задать цвет шрифта. Значением данного атрибута являются те же значения, что и для описанных ранее атрибутов для установки цвета фона и текста.