Paano Madagdagan Ang Font Sa Html

Talaan ng mga Nilalaman:

Paano Madagdagan Ang Font Sa Html
Paano Madagdagan Ang Font Sa Html

Video: Paano Madagdagan Ang Font Sa Html

Video: Paano Madagdagan Ang Font Sa Html
Video: Customize HTML Headings with Fonts and Styles | HTML Headings | Inline CSS | HTML Style Attribute 2024, Mayo
Anonim

Posible ang pagdaragdag ng font ng HTML gamit ang mga espesyal na tag na nagbibigay-daan sa iyo upang makontrol ang mga parameter ng teksto na ipinapakita sa screen. Ang mga katulad na setting ng pagpapakita ay ipinatupad sa CSS, ang code kung saan maaaring madaling maisama sa na-edit na pahina.

Paano madagdagan ang font sa html
Paano madagdagan ang font sa html

Upang mai-edit ang pinagmulang teksto ng isang dokumento na may extension na.html, buksan ang text editor na iyong ginagamit (halimbawa, Notepad). I-click ang "File" - "Buksan" at tukuyin ang landas sa pahina na ang code ay nais mong baguhin. Pagkatapos ay pindutin ang Enter key sa iyong keyboard at simulang i-edit ang nais na seksyon ng dokumento.

Html

Ang pagbabago ng laki ng font ay tapos na sa pamamagitan ng hawakan. Sa loob ng saklaw ng tag na ito, maaari mong itakda ang mga kinakailangang parameter para sa taas ng mga titik at ng kanilang mga kulay. Ang teksto na nakapaloob sa pagitan ng mga elemento ng pagbubukas at pagsasara ay ipapakita alinsunod sa mga setting na ginawa:

Kahit anong text

Ang mga titik na nakasulat sa pagitan at magkakaroon ng laki ng 15 dahil sa ibinigay na sukat ng parameter.

I-save ang iyong mga pagbabago upang mailapat ang mga parameter. Maaari mong isara ang window ng editor at mag-double click sa pahina ng HTML upang buksan ito sa isang window ng browser. Maaari ka ring mag-right click sa dokumento at piliin ang "Open With" upang ilunsad ito sa isang web browser. Piliin ang iyong browser mula sa listahan ng mga tinukoy na programa.

CSS

Ang paggamit ng mga sheet ng style na cascading ay nagbibigay-daan sa iyo upang maayos ang iyong mga setting ng font. Sa tulong ng code, maaari mong baguhin ang mga setting ng pagpapakita para sa parehong buong teksto na ipinapakita sa pahina, at para sa mga indibidwal na elemento (halimbawa, mga heading). Maaaring tukuyin ang CSS sa katawan ng dokumento (), ngunit mas maginhawa upang isulat ang mga kinakailangang direktiba sa deskriptor sa pamamagitan ng pagsasama ng mga utos sa isang tag.

Ang katangian ng laki ng font ay responsable para sa pagbabago ng mga parameter ng laki ng font. Ang inilarawan na halaga ay maaaring tukuyin sa mga pixel (px), mga puntos (pt) at mga porsyento (%). Halimbawa:

Pagbabago ng laki ng font

katawan {font-size: 13pt; }

h1 {font-size: 200%; }

p {font-size: 15px; }

Sa halimbawang ito, ang laki para sa teksto na ipinasok sa katawan ng pahina ay 13 puntos. Ang anumang mga titik sa pagitan ng mga tag ay palakihin ng 2 beses (100% ng orihinal na laki). Ang tinukoy na teksto sa pagitan ng mga naglalarawan ay 15 pixel. Dapat pansinin na ang mga parameter na itinakda para sa bawat elemento ng pahina nang magkahiwalay ay uunahin kaysa sa mas pangkalahatang mga halaga. Halimbawa:

Regular na font ng talata

Pinalitan ang talata

Bilang panuntunan, ang teksto sa pagitan ng mga tag ay dapat na 15px ang laki. Gayunpaman, ang font sa ikalawang talata ay magiging laki ng 18, sapagkat ang code sa katawan ng dokumento ay karaniwang inuuna kaysa sa mga pangkalahatang setting sa.

Inirerekumendang: