Ћекции.ќрг


ѕоиск:




 атегории:

јстрономи€
Ѕиологи€
√еографи€
ƒругие €зыки
»нтернет
»нформатика
»стори€
 ультура
Ћитература
Ћогика
ћатематика
ћедицина
ћеханика
ќхрана труда
ѕедагогика
ѕолитика
ѕраво
ѕсихологи€
–елиги€
–иторика
—оциологи€
—порт
—троительство
“ехнологи€
“ранспорт
‘изика
‘илософи€
‘инансы
’ими€
Ёкологи€
Ёкономика
Ёлектроника

 

 

 

 


Ѕорьба с ограничени€ми HTML




ƒо известной степени все же можно управл€ть внешним видом выводимого текста. ƒл€ этого существует тэгова€ пара <FONT> </FONT>. ” этого тэга есть несколько атрибутов.

јтрибут FA—E указывает, каким именно шрифтом следует вывести текст, расположенный внутри тэговой пары. Ќапример:

<FONT FA—E=ФArialФ> Ётот текст необходимо вывести шрифтом Arial</FONT>

¬ данном примере мы указали Web Ц браузеру, что текст, заключенный внутри тэговой пары <FONT>, следует вывести, использу€ шрифт Arial. » Web Ц браузер именно так и поступит, если только на компьютере, на котором он запущен, установлен это шрифт. ј если нет? ¬ этом случае, текст будет выведен установленным по умолчанию шрифтом. ¬ атрибуте FASE можно через зап€тую задать несколько шрифтов, тогда если не будет в наличии первого, то текст будет выведен вторым или последующим из списка, который установлен в системе:

<FONT FA—E=ФArial, Academy,AntiguaФ> Ётот текст необходимо вывести шрифтом Arial или Academy или Antigua</FONT>

Ќа практике создают Web Ц приложени€, использу€ лишь самые распространенные шрифты, такие как Arial и Time New Roman.

” тэга <FONT> есть и другие атрибуты. јтрибут SIZE отвечает за размер символов выводимого текста. ѕо умолчанию этот атрибут равен 3. ≈сли атрибут указать большим числом размер шрифта увеличитс€, если меньшим Ц уменьшитс€.

<FONT SIZE =5>  рупный шрифт </FONT>

<FONT SIZE =3> ћелкий шрифт </FONT>

–ис. 9.4 ѕрименение тэга FONT SIZE

÷вета и цветовые триады

≈ще один важный атрибут Ц COLOR, управл€ющий цветом выводимого текста.

Ћюбой видимый нами цвет Ц есть смесь цветовых лучей спектра. ¬ электронно-лучевых трубках любой цветовой оттенок получают путем смешени€ трех цветовых составл€ющих: красной, зеленой и синей. ќт интенсивности той или иной составл€ющей зависит итоговой оттенок. Ќапример, если вз€ть 100% красного луча, мешать его со 100% зеленного, то получитс€ желтый цвет. ≈сли смешать 100% всех трех составл€ющих, получитьс€ белый цвет.

¬ атрибуте COLOR любой цвет устанавливаетс€, как комбинаци€ красной, зеленой и синей составл€ющей (red, green, blue Ц RGB). ќднако указываетс€ не процент того или иного цвета, содержащегос€ в комбинации, а некое число от 0 до 2555, которое характеризует процентное соотношение данного цвета в комбинации. ¬се числа указываютс€ не в дес€тичном, а в шестнадцатеричном виде.

Ўестнадцатеричное число, это число, составленное из дес€ти цифр (от 0 до 9) и шести первых литер латинского алфавита (A,B,C,D,E,F) например 12, 3E, 9F,AA,C2 и т.д. јтрибуту COLOR указываетс€ цвет в виде триады: COLOR =#RGB, например (рис.9.4):

<FONT COLOR=#FF0000> расный цвет</FONT><BR>

<FONT COLOR=#00FF00>«еленый цвет</FONT><BR>

<FONT COLOR=#0000FF>—иний цвет</FONT><BR>

<FONT COLOR=#—0—0—0>—ерый цвет</FONT><BR>

–ис. 9.5 ѕример использовани€ тэга COLOR.

¬се атрибуты тэга <FONT> можно использовать одновременно, например(рис.9.6):

<FONT Face = "Arial" COLOR=#00FF00 SIZE=15> крупный зеленый шрифт гарнитуры Arial</FONT>

–ис. 9.6 ѕример использовани€ нескольких атрибутов <FONT>

¬ рамках одного тэга можно использовать произвольное количество его атрибутов.

—ледующий тэг, который мы рассмотрим Ц это тэг начало абзаца <P> </P>. »спользу€ этот тэг можно один абзац отделить от другого. ¬ простейшей форме этот тэг идентичен тэгу <BR>.

Ћистинг 4 –азбивка на абзацы(рис.9.7).

<HTML>

<HEAD>

<TITLE> јЅ«ј÷џ </TITLE>

</HEAD>

<BODY>

<P> Ђ“ам, где собираютс€ мошенники, всегда есть и дураки; а если имеетс€ достаточное количество дураков, они представл€ют собой более выгодный объект эксплуатации дл€ мошенников. </P>

<P> ѕсихологи€ дурака стала вопросом, вполне достойным серьезного внимани€ мошенников. ¬место того, чтобы добиватьс€ своей конечной выгоды, дурак действует так, что его образ действий в общем можно предсказать в такой же степени, как попытки крысы найти путь в лабиринте .</P>

<P>   счастью дл€ нас, люди не бывают только дураками или только мошенникамиї. </P>

<P> Ќоберт ¬инер Ђ ибернетика или управление и св€зь в животном и машинеї </P>

</BODY>

</HTML>

–ис. 9.7 –езультат Ћистинга 4

“эг <P> устанавливает интервал между абзацами, чего нет при использовании тэга <BR>.

Ќо точно также можно было бы структурировать этот текст, если использовать парный тэг <P>.</P>, а в тех местах, где стоит закрывающий .</P>, поставить тэг <BR>. “ак зачем, же введен дополнительный тэг?

” тэга <P> имеетс€ атрибут ALIGN, с помощью которого можно управл€ть форматированием текста внутри данного абзаца. –ассмотрим листинг

Ћистинг 5 (рис. 9.8)

<HTML>

<HEAD>

<TITLE> јЅ«ј÷џ </TITLE>

</HEAD>

<BODY>

<P ALIGN=LEFT><FONT SIZE =5> “екст, прижатый к левому полю </FONT></P>

<P ALIGN=CENTER> “екст, по центру </P>

<P ALIGN=RIGHT> “екст, прижатый к правому полю </P>

</BODY>

</HTML>

–ис. 9.8 »ллюстраци€ использовани€ атрибута ALIGN.

»спользу€ тэг FONT, можно несколько разнообразить внешний вид страницы, как это показано в листинге.

Ћистинг 6 ‘ормирование текста и изменение его внешнего вида (рис. 9.9).

<HTML>

<HEAD>

<TITLE> јЅ«ј÷џ </TITLE>

</HEAD>

<BODY>

<FONT COLOR=#FF0000 SIZE=7>

<P ALIGN=LEFT > “екст, прижатый к левому полю </P></FONT>

<FONT COLOR=#00FF00 SIZE=5>

<P ALIGN=CENTER> “екст, по центру </P></FONT>

<FONT COLOR=#0000FF SIZE=3>

<P ALIGN=RIGHT> “екст, прижатый к правому полю </P></FONT>

</BODY>

</HTML>

–ис. 9.9 ‘орматирование вводимого текста.

ƒругие тэги работы с текстом

Ќаконец, следует кратко коснутьс€ и остальных тэгов, которые чаще всего используютс€ дл€ создани€ дополнительных визуальных эффектов при работе с текстом.

¬о-первых, это уже известный нам тэг <BODY>, который имеет несколько атрибутов. ѕрименительно к оформлению текста, нас интересует атрибуты BGCOLOR и TEXT. јтрибут BGCOLOR устанавливает цвет фона, а атрибут TEXT Ц цвет текста. ќба атрибута используют цветовую триаду RGB. ¬ приведенном фрагменте показана установка красного цвета символов на черном фоне дл€ всего HTML Ц документа (рис. 9.10):

<BODY BGCOLOR=#000000 TEXT=#FF0000>

<P ALIGN=LEFT> “екст, прижатый к левому полю </P></FONT>

–ис. 9. 10 ѕример применени€ тэга

BODY BGCOLOR

¬ любом месте документа цвет символов можно изменить с использованием уже известного нам тэга FONT, но вот цвет фона изменить нельз€.

Ћюбой текстовый редактор позвол€ет мен€ть начертание шрифта, дела€ текст жирным (bold), наклонным (italic) или подчеркнутый (underline). ¬се три варианта начертани€ можно получить, использу€ тэги, соответственно: <B> </B>, <I></I> <U> и </U>.

Ћистинг 7 ¬арианты начертани€ (рис. 9.11).

<HTML>

<HEAD>

<TITLE> ¬арианты начертани€ </TITLE>

</HEAD>

<BODY>

ѕростой текст, а это <B> <I> <U> жирный, наклонный и подчеркнутый </U> </I> </B> текст

</BODY>

</HTML>

–ис. 9.11 ¬арианты начертани€ текста

HTML дает возможность мен€ть начертание символов. ќбратите внимание, что применение сразу трех тэгов дало тройной эффект, закрывающиес€ тэги идут в обратном пор€дке:

<B> <I> <U>.... </U> </I> </B>

—уществуют тэги, дл€ заголовков. ¬ примере описано шесть заголовков, причем каждый последующий выводитс€ шрифтом меньшего размера (рис. 9.12).

<H1> «аголовок 1</H1>

<H2> «аголовок 2</H2>

<H3> «аголовок 3 </H3>

<H4> «аголовок 4</H4>

<H5> «аголовок 5</H5>

<H6> «аголовок 6 </H6>

–ис. 9.12 ѕример применени€ тэгов заголовок

ѕара тэгов <BIG> и </BIG> увеличивает размер символов, заключенных между ними на единицу. ѕричем речь идет о внутренних единицах HTML документа. ”меньшение на единицу достигаетс€ тэгами <SMALL> и </SMALL>. Ќесколько подр€д идущих тэгов увеличени€ (уменьшени€) измен€ют размер шрифта на несколько единиц.

Ќаконец можно представить текст в виде списков. „аще всего используетс€ нумерованный список (тэгова€ пара <OL>) и маркированный (тэгова€ пара <UL>)/  аждый элемент списка обрамл€етс€ тэговой парой <LI>. Ќапример:

Ћистинг 8 —ѕ»— »

<HTML>

<HEAD>

<TITLE> —писки </TITLE>

</HEAD>

<BODY>

<H2> Ќумерованный список </H2>

<OL>

<LI> Ёлемент </LI>

<LI> Ёлемент </LI>

<LI> Ёлемент </LI>

</OL>

<H2> ћаркированный список </H2>

<UL>

<LI> ѕервый </LI>

<LI> ¬торой </LI>

<LI> “ретий </LI>

</UL>

</BODY>

</HTML>

Ётот HTML Ц документ приведет к выводу текста, который будет выгл€деть, как показано на рис. 9.13.

–ис. 9.13 Ћистинг 8

ќчень часто дл€ представлени€ текстовой информации требуетс€ использовать списки.

¬озникает вопрос, почему HTML разработан таким образом, что не удаетс€ полностью контролировать внешний вид HTML Ц документа?

ƒело в том, что »нтернет состоит из сегментов, реализованных при помощи различных как аппаратных, так и программных платформ. ѕроще говор€, никогда заранее неизвестно, с компьютера, какой архитектуры, и работающего под управлением какой операционной системы будет затребован тот или иной HTML Ц документ. Ѕолее того, даже в рамках одной операционной системы, например, Windows, возможны варианты: никогда заранее неизвестно, какое разрешение экрана установлено у пользовател€, развернут Ц ли Web Ц браузер при работе во весь экран или занимает только часть экрана и т.д.

»наче говор€, заранее неизвестно, в какое пространство, необходимо вставить тот или иной текстовый фрагмент. ѕоэтому HTML представл€ет минимальный набор средств, дл€ форматировани€ текста, а детальна€ Ђприв€зкаї выводимого изображени€ к конкретной машине перекладываетс€ на Web Цбраузер.





ѕоделитьс€ с друзь€ми:


ƒата добавлени€: 2015-01-29; ћы поможем в написании ваших работ!; просмотров: 1023 | Ќарушение авторских прав


ѕоиск на сайте:

Ћучшие изречени€:

—воим успехом € об€зана тому, что никогда не оправдывалась и не принимала оправданий от других. © ‘лоренс Ќайтингейл
==> читать все изречени€...

347 - | 342 -


© 2015-2023 lektsii.org -  онтакты - ѕоследнее добавление

√ен: 0.031 с.