GVMproject.info-бесплатные программы, скрипты, шаблоны
Руководство по html

Заголовки и размер текста

В этой главе мы научимся выделять текст при помощи заголовков и узнаем еще одну функцию тэга < font > < /font >

Итак, мы уже немного умеем форматировать текст, но посмотрите на наш документ. Мне кажется, что фраза "Здравствуйте, это моя первая страница" так и просится, чтобы ее выделили. Для этого можно использовать заголовки:

< H1 > текст < /H1 >

< h2 > текст < /h2 >

< H3 > текст < /H3 >

< H4 > текст < /H4 >

< H5 > текст < /H5 >
< H6 > текст < /H6 >

 

 

 

 

 

Пришлось немного пожертвовать красотой, чтобы сразу наглядно все продемонстрировать. Зато всем видно и то, что существуют шесть уровней заголовков, и то, что соотвественно буковки у каждого разного размера, и то, что тут у нас такая же ситуация как с параграфами (принудительный перенос строки). Да, заметьте, заголовок выделяется жирным текстом, это тоже одно из его свойств, очень удобно:)

В пример я ввела заголовок третьего уровня < H3 > < /H3 > (мой любимый размер:). Смотрите, что получилось.

< html >
< head >
< title > Мой первый шаг < /title >
< /head >
< body text="#336699" bgcolor="#000000" >
< center >
< H3 > Здравствуйте, это моя первая страница. < /H3 >
< br >
< font color="#CC0000"> Добро пожаловать! < /font > :) < /center >
< p align="justify" >
Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)
< /p >
< /body >
< /html >

Заголовки предназначены для выделения небольшой части текста (строки, фразы), НО, если вы хотите выделить большой фрагмент текста, или только одно слово, при этом без переноса строки, то как быть? С заголовками такое не пройдет, поэтому вспомним о тэге < font > < /font > :
< font size="+4" > текст < /font >
< font size="+3" > текст < /font >
< font size="+2" > текст < /font >
< font size="+1" > текст < /font >
< font size="+0" > текст < /font >
< font size="-1" > текст < /font >
< font size="-2" > текст < /font >

Опять пришлось пожертвовать красотой:) Итак, параметр size задает размер шрифта, но, в отличие от заголовков, текст не выделятеся жирным шрифтом (о курсиве, жирном шрифте и т.п поговорим позже) и нет принудительного переноса.

< html >
< head >
< title > Мой первый шаг < /title >
< /head >
< body text="#336699" bgcolor="#000000" >
< center >
< H3 > Здравствуйте, это моя первая страница. < /H3 >
< br >
< font color="#CC0000" > Добро пожаловать! < /font > :) < /center >
< p align="justify" >
Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится < font size="+1" > еще один виртуальный друг? :) < /font >
< /p >
< /body >
< /html >

В нашем примере я выделила слова "еще один виртуальный друг?", пусть все думают, что вы горите желанием завести еще одного виртуального друга:)

Прежде, чем мы двинемся дальше, хочу предупредить, что есть такая опасная болезнь у дизайнеров, как гигантомания. Ее симптомы: непомерно большие размеры шрифта, гигантские кнопища на пол экрана, вместо маленьких и милых кнопочек, и толстый (жирный) во всех случаях текст. Поэтому напоминаю: стандартный size (по умолчанию) ="+0".

Фух:) топаем дальше.

--------------------------------


Страниц : # « 2 3 4 5 6 7 8 9 10 » #
TEXT +   TEXT -   Печать Опубликовано : 20.12.09 | Просмотров : 50940 | Ваша оценка

Введите слово для поиска :
Популярные файлы
- скрипт форума phpBB2
- Скрипт MLM пирамиды
- Nvu 1.0 визуальный редактор
- Java скрипты
- auto URL submit программа для регистрации сайта в каталогах
- PHP скрипт обменного пункта
 
Популярные статьи
- учебник вебмастеру
- Руководство по html
- Cascading Style Sheets (Таблицы Каскадных Стилей)
- Клоакинг
- Дорвеи и поисковые системы.
 
Реклама

##
##
##
 
Услуги
 
статистика
Поздравления с Новым годом

Яндекс.Метрика
 
RSS

 
В начало страницы © 2018 www.gvmproject.info CMS Danneo (некоммерческий продукт) - это бесплатная, c открытым исходным кодом система управления сайтами. Разработана на языке программирования PHP и может работать почти на любой платформе(хостинг площадке), используя в качестве базы данных MySQL. Поддерживает SEO-frendly, RSS 2.0 - каналы и Yandex-news, Google SiteMap, экспорт контента с помощью JavaScript и многое другое. А базовая комплектация позволяет построить сайт почти любой сложности и дизайна и эффективно им управлять.Распространяется в соответствии с GNU General Public 2