Ўпрыгожванне вэб-старонкі і памер шрыфта ў HTML

Пачаткоўцам вэб-дызайнерам карысна будзе ведаць пра спосабы афармлення тэксту вэб-старонкі. Да іх ставяцца выраўноўванне, колер, памер шрыфта і многае іншае.

З фарматаваннем звязаны некалькі тэгаў. Часцей за ўсё выкарыстоўваецца "p" - абзац. У яго ёсць неабавязковыя параметры, якія задаюць вонкавы выгляд тэксту.

Першы і асноўны параметр - гэта "align". Ён вызначае выраўноўванне тэксту і можа прымаць значэння "left", "right", "center" і "justify" - раўненне па левым боку, па правай, па цэнтры і па ўсёй шырыні блока адпаведна. Заўважце, што становішча тэксту задаецца ня адносна межаў экрана, а ў межах абзаца.

Далей ідуць параметры "class" і "id". Яны вызначаюць, да якога класа належыць дадзены аб'ект і яго ідэнтыфікатар. Сюды ж можна аднесці і атрыбут "style" - ён задае убудаваны стыль блока. Усе гэтыя ўласцівасці звязаныя з CSS, гаворка пра які пойдзе крыху ніжэй.

У тэга "p" ёсць адзін недахоп - з яго дапамогай нельга задаць знешні выгляд шрыфта, напрыклад, яго колер або памер. Для гэтых мэтаў прызначаны іншы тэг - "font". Усе яго параметры вызначаюць, як будзе выглядаць тэкст.

Першы атрыбут гэтага тэга - "color". Як вы ўжо здагадаліся, у ім задаецца колер. Гэты параметр можа прымаць як назвы ( "white", "yellow", "magenta"), так і значэння ў сістэме RGB. Гэта робіцца так: спачатку ставіцца знак #, а потым паказваюцца тры чысла ў шаснаццатковай сістэме злічэння ад 00 да ff ці ад 0 да 255 - у дробнай - колькасць чырвонага, зялёнага і сіняга ў канчатковым колеры. Напрыклад, для выкарыстання чырвонага колеру трэба напісаць "# ff0000", жоўтага - "# ffff00".

Наступны атрыбут - "face". Ён вызначае гарнітуру шрыфта. Напрыклад, яму можна задаць значэнне "Times New Roman" ці "Tahoma".

І, нарэшце, за памер шрыфта ў HTML адказвае параметр "size". Ён прымае лікавае значэнне - кегль.

Напрыклад, каб вывесці тэкст блакітным колерам і шрыфтам "Comic Sans MS" пятнаццатага кегля, трэба вызначыць тэг "p" з параметрамі:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

Таксама існуе некалькі тэгаў, якія дазваляюць задаць адзін канкрэтны выгляд фарматавання: "b" - вылучэнне тлустым, "i" - курсівам, "u" - падкрэсленне. Усе яны не маюць параметраў.

Задаваць атрыбуты тэксту ў HTML - памер шрыфта, гарнітуру - даволі нязручна. Уявіце, што вам трэба чаргаваць блокі з розным афармленнем тэксту. Тады да кожнага з тэгаў вам давядзецца вызначаць адны і тыя ж атрыбуты. Значна зручней гэта можна рэалізаваць з дапамогай CSS-каскадных табліц стыляў. Напрыклад, каб стварыць клас малюнкаў пад назвай "myclass" з такім афармленнем, як у папярэднім прыкладзе, трэба дадаць у тэг "style" такі радок:

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt;}

Тут "rgb (102,102,255)" задае колер, "Comic Sans MS" - гарнітуру, а "15pt" - памер шрыфта. Колер таксама можна задаваць назвай, а шрыфт - як у кеглі, так і ў пікселях (для гэтага трэба напісаць, напрыклад, "20px").

Для прымянення гэтага афармлення трэба ў тэгу "p" напісаць:

class = "myclass"

Такім жа спосабам можна аформіць любы іншы тэкст. Дастаткова задаць параметр "class" са значэннем таго класа, які вы хочаце выкарыстаць.

А каб стварыць ідэнтыфікатар з назвай "myid", трэба ў "style" запісаць:

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

а ў тэгу "p" задаць атрыбут "id" са значэннем "myid".

Клас і ідэнтыфікатар - гэта практычна адно і тое ж. Пры гэтым у аднаго тэга можа быць абвешчаны як першы, так і другі:

class = "myclass" id = "myid"

Існуе два спосабу змены вонкавага выгляду тэксту - HTML і CSS. Калі вам патрабуецца аформіць адзін-два блокі, то выкарыстоўвайце HTML. А для вялікай колькасці абзацаў з аднолькавым фарматаваннем больш зручным з'яўляецца CSS.

Як бачыце, змяніць памер шрыфта ў HTML зусім нескладана. Галоўнае ў праграмаванні - гэта практыка, таму старайцеся больш трэніравацца, і ў вас усё атрымаецца!