Собствено Търсене

Езика HTML ви позволява да разполагате текст на страницата, да го подравнявате, оцветявате, да задавате големината на шрифта и самия шрифт. Нека да направим една страница и да разположим някакъв текст :

<HTML>
<HEAD>
<TITLE>Text</TITLE>
<HEAD>
<BODY BGCOLOR="#0000FF" TEXT="#FF0000">
Това е web страница с червен текст на син фон
</BODY>
</HTML>

Запишете файла на диска с името text.html и го стартирайте с браузъра. Трябва да видите нещо подобно :

Това е web страница с червен текст на син фон

Текста, който се намира между елементите <BODY> и </BODY> се визуализира на екрана с червен цвят. Това става с атрибута TEXT="#FF0000" на елемента <BODY>. Ако промените параметрите на атрибута TEXT на #00FF00 например, текста ще е със зелен цвят (виж ЦВЕТОВЕ).

Ако искате да удебелите, наклоните или подчертаете текста, трябва да използвате двойките елементи и за удебеляване(Bold), и за наклон (Italic) и и за подчертаване (Underline). Вижте горния пример, само че с удебелен, наклонен и подчертан текст.

<HTML>
<HEAD>
<TITLE>Text</TITLE>
<HEAD>
<BODY BGCOLOR="#0000FF" TEXT="#FF0000">
Това е web страница с червен текст на син фон
</BODY>
</HTML>

Това е web страница с червен текст на син фон

Можете да използвате тези елемента за да форматирате различни части от текста по различен начин. Например да изпишете "Това е web" с наклонен шрифт, "страница с червен текст с наклонен и удебелен шрифт, "на син фон" с удебелен и подчертан шрифт. Ето как става :

Това е web страница с червен текст на син фон

Внимавайте с вложените елементи. Трябва първия затварящ да отговаря на последния отварящ от същия вид .Понеже така изглежда малко нечетливо, можете да го напишете така :

Това е web
 страница с червен текст
 на син фон

.....ефекта ще е същия. Въпреки че пренасяте различни части от текста на нов ред, браузъра не го разбира и слепва думите една зад друга. За да минете на нов ред трябва да използвате елемента на края на текста. Този елемент е единичен и на него не отговаря затварящ елемент. Вижте следващия пример :

<HTML>
<HEAD>
 <TITLE> Font </TITLE>
</HEAD>
<BODY>
 Червен текст. 
 Зелен текст на нов ред. 
 Син текст на нов ред. 
</BODY>
</HTML>

На екрана трябва да видите ето това :

Червен текст.
Зелен текст на нов ред.
Син текст на нов ред.

Параметъра TEXT на елемента <BODY> задава цвета на текста на цялата страница. Ако искате да зададете различен цвят за различни части от текста, трябва да използвате елемента заедно с параметъра COLOR. Този елемент показва как да се форматира текста между и . В случая на първия текст му е зададен червен цвят с атрибута COLOR , на втория зелен а на третия син. Елемента ви прехвърля на нов ред.
Елемента има и други атрибути. Нека разгледаме атрибута SIZE. Той задава размера на шрифта, като стойностите му са от 1 до 7. 1 е най-малкия шрифт а 7 най-големия. Вижте горния пример, където за първия ред ще зададем шрифт с големина 4, за втория 1 а за третия 7.

<HTML>
<HEAD>
 <TITLE> Font </TITLE>
</HEAD>
<BODY>
 Червен текст. 
 Зелен текст на нов ред. 
 Син текст на нов ред. 
</BODY>
</HTML>

Червен текст.
Зелен текст на нов ред.
Син текст на нов ред.

Можете на един ред или в една дума да използвате различни по големина и цвят символи.

<HTML>
<HEAD>
 <TITLE> Font </TITLE>
</HEAD>
<BODY>
 Текст
 с различна
 г
 о
 л
 е
 м
 и
 н
 а
 и цвят.
</BODY>
</HTML>

Текст с различна големина и цвят.

Буквите в този случай се прилепват една зад друга, защото липсва елемента за пренос на нов ред.
Друг атрибут на e FACE. С FACE можете да указвате на браузъра с какъв точно шрифт да се показва текста. Ако на FACE не е зададена стойност, браузъра показва щрифт по подразбиране. Ако държите обаче текса да се показва с някакъв определен шриф, трябва да го зададете:

Това е текст със шрифт Arial.
 Това е текст със шрифт Times New Roman.

В първия случай текста ще бъде със шрифт "Arial" , а във втория с "Times New Roman". Не задавайте много екзотични шрифтове, защото има опасност този който разглежда страницата ви нищо да не види. Придържайте се към оригиналните шрифтове, инсталирани с Windows. Моя съвет е, ако можете да избягвате да включвате атрибута FACE, така оставяте на браузъра сам да намери подходящия шрифт.
Друг начин да уголемите символите е чрез елементите <H1> до <H6>. Тези елементи се употребяват за изписване на заглавия. <H1> е най-големия използван шрифт, а <H6> най-малкия. Вижте следващия пример :

<HTML>
<HEAD>
<TITLE>H елемент</TITLE>
<HEAD>
<BODY>
<CENTER>
<H1>Голямо заглавиe</H1>
<H3>Средно заглавие</H3>
<H6>Малко заглавие</H6>
</CENTER>
</BODY>
</HTML>

Голямо заглавиe

Средно заглавие

Малко заглавие

Забележете, че текста между тези два елемента излиза винаги удебелен. Друга особеност на елемента <H> е това, че не се налага да ползвате за да минете на нов ред. Браузъра атоматично прескача един ред щом срещне </H>.
 В горния пример има нов елемент - <CENTER>. Всичко което се намира между <CENTER> и </CENTER> се показва в средата на страницата, независимо дали е текст или графика.
 Друг елемент за прескачане на ред е . За разлика от той не минава на следващия ред, а прескача един ред. Друго различие е, че елемента се поставя преди текста, а не след него както при . Елемента може да се употребява като единичен елемент или като двойка елементи .

единичен елемент
 двойка елементи

И в двата случая ефекта е един и същ. За разлика от елемента притежава някои атрибути. Когато тези атрибути се употребяват трябва да използвате двойката елементи . Един от атрибутите на е ALIGN. Той може да има стойности left, right или center и подравнява текста съответно вляво, вдясно и в средата. Вижте как става това :

<HTML>
<HEAD>
<TITLE> P елемент </TITLE>
<HEAD>
<BODY>
текст, подравнен вляво
текст, подравнен в средата
текст, подравнен вдясно
</BODY>
</HTML>

Визуализирането на тази страница ще изглежда така :

текст, подравнен вляво

текст, подравнен в средата

текст, подравнен вдясно

Забележете, че текстовете вече са през един ред, поради това, че използвахме елемента .

Какво научихте дотук :

1. В езика HTML можете да разполагате текст, да му задавате цвят, големина, шрифт. Можете също така да удебелявате, накланяте и подчертавате текст.

2. С елемента <H> можете да задавате големина на заглавния шрифт, както и да подравнявате текста с параметрите на елемента .

материалите в сайта са взети от http://www4u.search.bg
сайтът се администрира от Х.К.Николов
за въпроси относно сайта e-mail: cakky@abv.bg
администратора на сайта не носи отговорност за рекламите на рекламодателите!