Ang hypertext markup language (HTML) ay isang front-end na wika na ginamit upang magdisenyo at bumuo ng isang website. Ang HTML ay ang pangunahing wika ng lahat ng mga wikang ginagamit upang magdisenyo ng static o pabago-bagong mga web page. Ang html ay may maraming mga pagpapaandar na kinakailangan sa pagdidisenyo. Sa tulong ng mga tag, mga utos na nakasulat sa angular bracket, isang web page ay dinisenyo. Pinapayagan ng HTML ang gumagamit na lumikha o mag-edit ng teksto, imahe, o anumang iba pang elemento tulad ng anumang text editor, ibig sabihin, Microsoft Word. Ang mga nilalaman ng HTML ay teksto, imahe, kulay, disenyo, atbp. Ang disenyo ay isang napakahalagang bahagi dahil responsable ito sa dekorasyon ng teksto. Ang paggawa ng mga italicong teksto ay isang halimbawa ng pagdidisenyo ng teksto. Ang sangkap na ito ay mahalaga sa pagbibigay diin o paghimok ng pansin ng gumagamit. Ang ilan sa mga halimbawa ay naka-highlight sa tutorial na ito.
Mga Kinakailangan na Mahalaga
Nangangailangan ang HTML ng dalawang tool para sa pagdidisenyo at pagpapaunlad ng isang website. Ang isa ay isang text editor na kinakailangan upang isulat ang html code dito. Maaari itong maging anumang editor ng teksto sa iyong pag-access, ibig sabihin, notepad, notepad ++, kahanga-hanga, visual studio, atbp. Ang pangalawa ay isang browser sa iyong computer, Google Chrome, internet explorer, atbp. Sa artikulong ito, ginamit namin ang notepad at Google Chrome. Para sa pagdidisenyo ng static na pahina, kailangan mo ng HTML at para sa pag-istilo ng CSS style sheet. Ang bawat isa sa kanila ay ginagamit sa patnubay na ito na may mga halimbawa.
Format ng HTML
Upang ipaliwanag ang disenyo ng italic na teksto, unang nauunawaan namin ang code ng html. Ang html code ay may dalawang bahagi. Ang isa ay ang bahagi ng ulo, at isa pa sa katawan. Isinasama namin ang pamagat sa bahagi ng ulo; ang pangalan ng pamagat na ito ang talagang pamagat ng pahina. Ginagawa din ang panloob na estilo sa loob ng katawan ng ulo. Habang ang katawan ay naglalaman ng lahat ng iba pang mga tag na nauugnay sa teksto, imahe, at kulay, atbp bukod sa, anuman ang nais mong idagdag sa pahina ng html ay nakasulat sa bahagi ng katawan ng html code.
< html >
< ulo >...</ ulo >
< katawan >....</ katawan >
</ html >
Ang imahe sa ibaba ay isang sample na code ng HTML. Maaari mong makita na ang pangalan ng pamagat ay nakasulat sa loob ng bahagi ng ulo. Sa parehong oras, nagdagdag kami ng isang talata sa katawan ng html sa pamamagitan ng paggamit ng tag
. pagkatapos ang body tag at mga html na tag ay sarado.
Ang output ng sample na ito ay nakikita sa browser. Maaari mong makita na ang pangalan ng pamagat ay ipinapakita sa pangalan ng tab, na ipinahayag namin sa ulo ng html code.
Ang HTML ay may pambungad at pagsasara ng mga tag para sa lahat ng mga tag na nakasulat sa loob ng katawan nito. Kapag binuksan ang code ay dapat na sarado pagkatapos magsulat ng teksto sa pagitan nito. Ang tag ay sarado na may slash dito. Ang code ay nai-save sa file ng notepad. Ang isang bagay na dapat tandaan ay habang ang pag-save ng code, ang file ng text editor ay dapat na nai-save na may extension na html. Halimbawa, sample.html. pagkatapos ay makikita mo na ang file ay nai-save kasama ng icon ng kasalukuyang browser na iyong ginagamit para sa hangaring ito.
Ito ang background ng pagdidisenyo sa html. Gumagamit kami ngayon ng isang simpleng halimbawa upang gawing italic ang teksto.
Halimbawa 1
Kumuha ng isang file ng notepad at isulat ang simpleng html code tulad ng inilarawan dati sa gabay na ito. Magdagdag ng isang talata ng dalawang linya sa bahagi ng katawan. Upang gawing italic ang teksto. Gamitin ang tag sa simula ng mga salitang nais mong maging italic form
< ako > ……</ ako >Ito ang tag upang italic ang teksto. Tulad ng nakikita mo sa larawan sa ibaba, ang ay ang panimulang tag na nakasulat sa simula at ay ang pansarang tag. Isara ang katawan at html.
Ngayon ay i-save ang file at patakbuhin ito sa browser upang makita ang output ng file.
Mula sa output, maaari mong obserbahan na ang pangungusap na ginawa naming italic sa code ay nasa italic form, samantalang ang unang pangungusap ay lumitaw sa isang normal na format.
Halimbawa 2
Sa halimbawang ito, gagawa kami ng isang tukoy na salita sa italic form sa halip na ang buong pangungusap ng teksto. ang mga tag ng pagbubukas at pagsasara ay ginagamit sa buong talata, saanman nais naming gawing italic ang teksto sa pangungusap.
Ngayon muli, i-save ang file at pagkatapos ay patakbuhin ito sa browser. Maaari mong makita na ang ilang partikular na bahagi ng teksto ay nasa italic form na nais naming gawing italic sa code.
Halimbawa 3
Bukod sa paggamit ng tag sa teksto, mayroon pang ibang pamamaraan upang gawin ang teksto sa isang italic form. Ito ang diskarte upang bigyang-diin ang ilang bahagi ng teksto. Ang tag na ito ay mayroon ding mga pambungad at pansarang tag. Ang ginamit na syntax para dito ay;
< sa >….</ sa >Ang teksto ay nakasulat sa pagitan ng dalawang mga tag; sa halimbawang ito, ginamit namin ang tag na ito ng dalawang beses sa talata. Tingnan natin ang imahe ng code na nakalagay sa ibaba.
Sa parehong mga pangungusap, ginamit namin isang beses sa talata. Ang output ay nakuha sa pamamagitan ng pagpapatakbo ng html file sa format ng browser.
Halimbawa 4
Ito ang halimbawa kung saan gumamit kami ng ibang diskarte upang maipakita ang mga salita sa isang italic form. Ipinapahiwatig nito ang paggamit ng sa teksto. Sa halimbawang ito, inilapat namin ang tag na ito sa buong teksto na nakasulat sa katawan ng html.
< Sipiin > ……</ quote > 
Matapos isara ang lahat ng mga tag, patakbuhin ang file sa browser.
Halimbawa 5
Hanggang ngayon, tinalakay namin ang inline na istilo ng teksto. Ang paggawa ng isang italic na form ng teksto ay tumutukoy din sa estilo at pagdidisenyo ng teksto. Ang istilo ay may tatlong uri. Ang isa ay nakahanay, ang pangalawa ay panloob, at ang pangatlo ay panlabas. Ginagawa ang inline na istilo sa loob ng tag. Ang panloob ay nakasulat sa loob ng katawan ng ulo. At ang panlabas na estilo ay tapos na sa isa pang file na may extension ng .css.
Ito ay isang halimbawa ng inline css; dito, isinulat namin ang code sa loob ng mga tag ng talata. Inilahad namin ang pahayag ng estilo bilang font-style na maging italic. Ang pahayag na ito ay nakasulat sa loob ng tag, kaya't wala itong anumang pagsasara sa tag, tulad ng nakikita mo sa larawan sa itaas. Ngayon isara ang lahat ng mga tag at patakbuhin ang mga ito sa browser. Ipinapakita nito ang parehong mga resulta ayon sa nais namin.
< p style=gumawa-style: italic;> 
Halimbawa 6
Pagkatapos ng inline, idaragdag namin ngayon ang halimbawa ng panloob na estilo. Narito ang isang klase ay idinagdag sa loob ng bahagi ng ulo. Pagkatapos ang pangalan ng klase ay ipinahayag sa loob ng talatang tag sa katawan ng html. Upang madali itong ma-access.
< ulo >< style >
.to{
Gumawa-style: italic;
}
</ style ></ ulo >
Maaari mong makita na ang klase ay pinasimulan sa paraan ng tuldok. Mayroong dalawang talata sa code; inilapat namin ang estilo na ito sa isa sa mga ito. Ito ay kapaki-pakinabang kung nais naming mag-format ng isang talata.
Ang deklarasyon ng klase sa loob ng talata ay;
< p klase=a>< p klase='to'>
Maa-access nito ang klase sa ulo. Ngayon tingnan ang output. Mapapansin mo na ang isa sa mga talata ay nasa anyo ng italic.
Konklusyon
Kinakatawan ng artikulong ito ang pag-format ng teksto sa italic form. Ang pagdidisenyo ng teksto ay isang mahalagang bahagi ng pagdidisenyo ng isang web page.