Преглед на урок

Работа с текст в HTML

Работа с текст в HTML




Работа с текст в HTML

С този урок ще ви представя основните начини за променяне вида на текста в един HTML документ.

По подразбиране текстът в HTML страниците е черен. Но какво ако искате да добавите малко цвят към него? Просто ще трябва да използвате тага <font> във <body> секцията за да форматирате текста си.

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

Ето един пример: <font color="blue">Text between this tag is blue</font>
Това ще направи текста между <font> и </font> син. Но текста след затварящия таг (</font>) ще бъде отново стандартен - или в случая черен.

Тексът става син, заради атрибутът color, но на практика самата стойност на атрибута определя какъв цвят точно ще се ползва. Ако напишете color="red" текста ще е червен. Ще отделя специален урок за цветовете HTML, където ще ви запозная по-подробно с използването и наименованията им.

Можете да промените също големината (което естествено променя размера на текста), както и шрифта.
Големината се променя чрез атрибута size. Неговите стойности могат да бъдат от 1 до 7, като 1 е най-малък текст и 7 е най-голям текст.
Например:
<font size="1">Text</font>
Това ще направи текста с най-малка големина

<font size="7">Text</font>
Това ще направи текста с най-голям размер


Шрифта се променя чрез атрибута face. С него ползвате името на шрифта, например "times new roman", "arial", "verdana" и т.н.
Например:
<font face="verdana">Text</font>
Така текстът ще бъде във verdana шрифт

<font face="arial">Text</font>
Така текстът ще бъде в arial шрифт.


Можете да използвате по няколко атрибута в един таг безпроблемно. Така ще можете да променяте едновременно цвета, големината и шрифта на даден текст.
Например
<font face="verdana" color="green" size="6">Text</font>
Това ще бъде интерпретирано като текст с голям размер, с шрифт verdana и зелен цвят.

Или пък:
<font face="arial" color="darkred">Text</font>
Това ще изведе текст с шрифт arial и тъмно-червен цвят.


Можете също така да използвате отделен таг за всеки атрибут. Например:
<font face="verdana><font size="6"><font color="green>Text</font></font></font>

Това ще изведе същия резултат като:
<font face="verdana" color="green" size="6">Text</font>

Този начин не е особено препоръчителен, тъй като пишете повече код, което прави документа по-объркващ и следователно по-труден за редактиране по-късно.


Освен чрез тага <font>, вие можете да променяте вида на текста с още няколко тага.
Пример:

Код
<b>This makes the text bold</b>
<i>This makes the text italic</i>
<u>This underlines the text</u>
<p>This makes a new paragraph</p>
<br>This makes a line break

Текстът между <b> и </b> е в Bold
Тексът между <i> и </i> е в Italic
Тексът между <u> и <u> е подчертан (underline)
С <p> и </p> разделяте текста на различни параграфи
с <br> въвеждате нов ред.
Тоест

Код
Some text<br>Another text

ще бъде интерпретирано по следния начин:

Some text
Another text

Това е в общи линии. Има още доста екстри, които можете да ползвате, но те ще бъдат обяснени в бъдещи уроци!

Автор: GeorgeSG

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: GeorgeSG

Коментари

counterbg

<br>addfA</b>

WALLReTuRn

Батка неща да ти се меся но Относно текстовете поне сложи снимки да си личи кое как е !!!

За начинаещите моят принцип е !!!
Описание
Снимка
И готов вид :)

kireza

Ако се ползува генератор,например Microsoft Office FrontPage,какъвто ползувам,то тогава всичко е много опростено - шрифтове,цветност и т.н.Само не можах да схвана(не зная английски)как да се задава новият ред с <br> без да го слагам на всеки ред?Някой може и да се изсмее,но въпреки че слепешком се научих да си правя сайтовете,така и продължавам да си слагам на всеки ред <br> за да се получи нормално междуредие:))))))))))))))))))))))))

antonio_a

Знам ги тея нали имам регистрация в кефчето там има профили в които трябва за да имаш як профил да имаш и HTML кодове

sonk

wallreturn мн добре си е обяснено 6 за урока ;)

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.