Dekorasyon ng isang web page at ang laki ng font sa HTML

Baguhan web designer ay magiging kapaki-pakinabang upang malaman tungkol sa kung paano mag-disenyo ng isang web page na teksto. Kasama sa mga ito alignment, kulay, laki ng font, at higit pa.

Sa pag-format nauugnay na mga maramihang mga tag. Ang pinaka-karaniwang ginagamit na "p" - talata. Ito ay may opsyonal na parameter na tukuyin ang hitsura ng teksto.

Ang una at pangunahing parameter - ito "align". Tinutukoy nito ang pagkakahanay ng teksto at maaaring alinman sa "kaliwa", "kanan", "center" at "katwiran" - align sa kaliwa, kanan, gitna, at sa buong lapad ng block, ayon sa pagkakabanggit. Tandaan na ang posisyon ng teksto ay tinukoy na hindi na may kaugnayan sa ang mga hangganan ng screen, at sa loob ng talata.

Ito ay sinusundan ng ang mga parameter ng "class" at "id". Matukoy nilang aling klase ay kabilang sa bagay na ito at identifier nito. Ito ay maaari ring isama ang mga katangian at "style" - siya nagtatanong inline style bloke. Ang lahat ng mga ari-arian ay may kaugnayan sa CSS, na kung saan kami ay pumunta sa isang maliit na mas mababa.

Sa tag "p" mayroong isang sagabal - ito ay nabigo upang i-set ang isang panlabas na tanawin ng font, tulad ng kanyang mga kulay o laki. Para sa mga layuning ito ay isa pang tag - "font". Ang lahat ng mga pagpipilian nito matukoy kung paano ang teksto ay ang hitsura.

Ang unang katangian ng tag - "Kulay". Tulad ng maaaring nahulaan, may ay binigyan ng isang kulay. Ang parameter na ito ay maaaring kinuha bilang mga pangalan ( "white", "dilaw", "magenta"), at halaga sa RGB system. Ginagawa ito bilang mga sumusunod: una ilagay ang sign #, at pagkatapos ay kinikilala ang tatlong numero sa hexadecimal pagtatanda mula sa 00 sa ff o 0-255 - desimal - ang halaga ng pula, berde at asul sa huling kulay. Halimbawa, gamitin ang red na isulat ang "# ff0000", dilaw - "# FFFF00".

Ang susunod na attribute - "mukha". Ito ay tumutukoy sa mga typeface. Halimbawa, ito ay maaaring itakda sa "Times New Roman" o "Tahoma".

At sa wakas, para sa laki ng font sa HTML ay tumugon "laki" parameter. Ito ay tumatagal ng isang de-numerong halaga - font.

Halimbawa, upang ipakita ang teksto sa asul at ang font "Comic Sans MS" ikalabinlima pin, ito ay kinakailangan upang tukuyin ang tag na "p" na may mga sumusunod na parameter:

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

Gayundin, may ilang mga tag na nagbibigay-daan upang tukuyin ang isang partikular na uri ng format: "b" - Bold, "i" - italics, "u" - underscore. Lahat ng mga ito ay walang mga parameter.

Itakda ang teksto katangian sa HTML - font size headset - medyo hindi komportable. Isipin na kailangan mo upang maging alternated na may ibang mga bloke disenyo ng teksto. Pagkatapos, para sa bawat isa sa mga tag mayroon kang upang tukuyin ang parehong mga katangian. Karamihan mas maginhawa maaari itong ipinatupad sa tulong ng CSS-Cascading Style Sheets. Halimbawa, upang lumikha ng isang larawan na klase na tinatawag na "myclass" sa disenyo tulad ng sa nakaraang halimbawa, kailangan mong idagdag ang tag na "style" ang linyang ito:

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

Narito "rgb (102,102,255)" nagtatakda ng kulay, "Comic Sans MS" - isang headset at "15pt" - laki ng font. Kulay ay maaari ding tukuyin ang pangalan at ang font - tulad ng skittles, at ang mga pixel (para sa mga ito kailangan mo upang sumulat, halimbawa, "20px").

Upang gamitin ang registration na ito ay kinakailangan upang "p" na tag ay isulat mo:

class = "myclass"

Sa parehong paraan, maaari kang gumuhit ng anumang iba pang teksto. Ito ay sapat na upang i-set ang parameter na "class" mula sa klase ng ang halaga na nais mong gamitin.

At upang lumikha ng isang ID na may pangalan na "myid", kailangan na "style" record:

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

at ang tag na "p" i-set ang "id" attribute na may halagang "myid".

Class at ID - ito ay halos ang parehong bagay. Sa kasong ito ng isang tag ay maaaring ipinahayag bilang ang una at ikalawang:

class = "myclass" id = "myid"

Mayroong dalawang mga paraan upang baguhin ang hitsura ng teksto - HTML at CSS. Kung kailangan mong mag-isyu ng isa o dalawang bloke, gamitin ang HTML. Ang isang malaking bilang ng mga talata na may magkaparehong pag-format ng CSS ay mas kumportable.

Tulad ng iyong nakikita, baguhin ang laki ng font sa HTML ay isang snap. Ang pangunahing programming - isang kasanayan, kaya subukang mag-ehersisyo ang higit pa, at ikaw ay magtagumpay!