Decorating sa usa ka web page ug sa gidak-on sa font sa HTML

Novice web designers mahimong mapuslanon nga masayud kon unsaon sa pagdisenyo sa usa ka web page nga teksto. Sila naglakip sa paglaray, pagtalay, kolor, gidak-on font, ug labaw pa.

Sa formatting kalabutan daghang tags. Ang labing sagad nga gigamit sa "p" - parapo. Kini adunay optional lantugi nga nagpaila sa dagway sa teksto.

Ang una ug nag-unang sukaranan - kini "align". Kini motino sa paglaray, pagtalay sa teksto ug mahimong sa bisan "sa wala", "tuo", "center" ug "magpakamatarung" - paglaray, pagtalay sa wala, sa tuo, sentro, ug sa tabok sa gilapdon sa block, sa tinagsa. Timan-i nga ang posisyon sa mga teksto nga gihatag dili sa mga utlanan screen, ug sulod sa usa ka parapo.

Kini gisundan sa lantugi "klase" ug "id". Pagtino sila nga klase iya sa niini nga butang ug ilhanan niini. Kini mahimo usab nga naglakip sa hiyas ug "estilo" - siya nangutana inline estilo bloke. Tanan niini nga mga kabtangan nga may kalabutan sa CSS, nga kita moadto sa usa ka gamay nga ubos nga.

Sa tag "p" adunay usa ka drawback - kini mapakyas aron sa usa ka eksternal nga panglantaw sa font, sama sa iyang kolor o gidak-on. Kay kini nga mga katuyoan mao ang lain nga tag - "font". Ang tanan nga mga kapilian niini pagtino kon sa unsang paagi ang teksto motan-aw sama sa.

Ang unang hiyas sa tag - "kolor". Samtang kamo mahimo nga makatag-an, adunay gihatag nga usa ka kolor. sukaranan Kini nga mahimong gikuha ingon sa mga ngalan ( "puti", "yellow", "magenta"), ug ang mga prinsipyo sa RGB sistema. Kini mao ang gibuhat sa mosunod: una gibutang ang ilhanan #, ug unya nagpaila sa tulo ka numero sa hexadecimal nota gikan sa 00 ngadto sa ff o gikan sa 0 ngadto sa 255 - decimal - ang kantidad sa pula nga, nga lunhaw ug azul sa katapusan nga kolor. Pananglitan, sa paggamit sa pula nga sa pagsulat "# ff0000", nga yellow - "# ffff00".

Ang sunod nga hiyas - "nawong". Kini naghubit sa matang sa pagpatik. Pananglitan, kini mahimong ibutang sa "Times New Roman" o "Tahoma".

Ug sa katapusan, alang sa gidak-on sa font sa HTML mosanong "gidak-on" sukaranan. Kini nagkinahanglan og usa ka numero nga bili - font.

Pananglitan, sa pagpasundayag sa teksto sa azul, ug sa bunyaganan "Comic Sans MS" ikanapulog-lima ka lagdok, kini mao ang gikinahanglan nga sa nagpaila sa tag "p" uban sa mosunod nga mga pag-lantugi:

kolor = "# 6666ff" nawong = "Comic Sans MS" gidak-on = "15"

Usab, adunay mga pipila ka mga tags nga motugot sa hingalan sa usa ka partikular nga matang sa format: "b" - Maisog, "i" - italiko, "u" - underscore. Ang tanan kanila walay lantugi.

Ibutang ang teksto hiyas sa HTML - font gidak-on headset - pretty komportable. Handurawa nga kamo kinahanglan nga alternated uban sa usa ka lain-laing mga bloke sa plano sa teksto. Unya, alang sa matag usa sa mga tag kamo sa nagpaila sa mao usab nga hiyas. Daghan ang mas sayon kini mahimong ipatuman uban sa tabang sa CSS-misulti Estilo Sheets. Pananglitan, sa paghimo sa usa ka hulagway nga klase nga gitawag "myclass" uban sa design nga ingon sa miaging panig-ingnan, nga kamo kinahanglan aron sa pagdugang sa tag "estilo" kini nga linya:

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

Dinhi "rgb (102,102,255)" nagtakda sa kolor, "Comic Sans MS" - sa usa ka headset ug "15pt" - gidak-on sa font. Kolor mahimo usab hisgutan ang mga ngalan ug sa bunyaganan - sama sa skittles, ug ang mga pixels (kay niini nga kinahanglan nga kamo sa pagsulat, alang sa panig-ingnan, "20px").

Aron sa paggamit sa registration kini mao ang gikinahanglan sa "p" tag isulat mo:

class = "myclass"

Sa samang paagi, nga kamo mahimo sa pagkalos sa bisan unsa nga sa uban nga mga teksto. Kini mao ang igo sa sa sa sa sukaranan "klase" gikan sa klase sa mga bili nga imong gusto sa paggamit sa.

Ug sa paghimo sa usa ka ID sa ngalan "myid", kinahanglan nga "estilo" rekord:

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

ug ang tag "p" ang mga "id" nga hiyas sa usa ka bili sa "myid".

Klase ug ID - kini halos sa sama nga butang. Sa kini nga kaso sa usa ka tag mahimong gideklarar nga sa una ug ikaduha:

class = "myclass" id = "myid"

Adunay duha ka paagi sa pag-usab sa pagtan-aw sa teksto - HTML ug CSS. Kon imong gikinahanglan aron sa isyu sa usa o duha ka mga bloke, sa paggamit sa HTML. Usa ka dako nga gidaghanon sa mga parapo sa managsamang formatting CSS mao nga mas komportable.

Samtang kamo mahimo tan-awa, pag-usab sa gidak-on font sa HTML mao ang usa ka bugto. Ang nag-unang programa - sa usa ka batasan, mao nga naningkamot sa paggamit sa labaw pa, ug kamo molampos!