HTML Quick and Dirty Tutorial

Ang HTML5 ay ang wika ng markup na ginagamit upang isulat ang mga pahina na lumilitaw sa web. Sinusundan nito ang mga panuntunan na maaaring hindi tila halata sa iyo sa simula. Gayunpaman, sa HTML5, mayroon lamang ilang mga bagay na kailangan mong malaman upang makapagsimula sa pagsulat ng isang HTML na dokumento, na maaari mong gawin sa anumang programa sa pagpoproseso ng salita.

Pagbukas at Pagsara ng Mga Tag

May ilang mga eksepsiyon, ang lahat ng mga tagubilin-tinatawag na mga tag-ay pares. Ang mga ito ay binuksan at pagkatapos ay sarado sa HTML5. Anumang bagay sa pagitan ng pambungad na tag at ang tag ng pagsasara ay sumusunod sa mga tagubilin na ibinigay ng pambungad na tag. Ang tanging pagkakaiba sa coding ay ang pagdaragdag ng isang pasulong na slash sa tag ng pagsasara. Halimbawa:

Headline Pupunta Narito

Ipinapahiwatig ng dalawang tag dito na ang lahat ng nilalaman sa pagitan ng dalawa ay dapat na lumitaw sa headline size h1. Kung nakalimutan mong idagdag ang tag ng pagsasara, ang lahat ng sumusunod sa tag na pambungad ay lilitaw sa headline size h1.

Ang Mga Pangunahing Mga Tag sa HTML5

Ang mga pangunahing elemento na kinakailangan para sa isang dokumento ng HTML5 ay:

Ang dokumentong deklarasyon ay hindi tag. Sinasabi nito sa computer na ang HTML5 ay darating sa ito. Pumunta ito sa tuktok ng bawat pahina ng HTML5 at aabutin ang form na ito:

Ang HTML tag ay nagsasabi sa computer na ang lahat ng bagay na lumilitaw sa pagitan ng pagbubukas at pagsasara ng tag ay sumusunod sa mga panuntunan ng HTML5 at dapat na bigyang-kahulugan ayon sa mga panuntunang iyon. Sa loob ng tag, karaniwan mong makikita ang tag at ang tag.

Nagbibigay ang mga tag na ito ng istraktura para sa iyong dokumento, bigyan ang mga browser ng isang bagay na pamilyar na gamitin at kung sakaling lumipat ang iyong mga dokumento sa XHTML, kinakailangan ang mga ito sa bersyon na iyon ng wika.

Ang tag ng ulo ay mahalaga para sa SEO, o pag-optimize ng search engine. Ang pagsulat ng isang mahusay na tag ng pamagat ay ang nag-iisang pinakamahalagang bagay na maaari mong gawin upang maakit ang mga mambabasa sa iyong pahina. Hindi ito ipinapakita sa pahina ngunit ito ay nagpapakita sa tuktok ng browser. Kapag isinulat mo ang pamagat, gamitin ang mga keyword na nalalapat sa pahina ngunit panatilihin itong nababasa. Ang pamagat ay napupunta sa loob ng pagbubukas at pagsasara ng mga tag.

Ang tag ng katawan ay naglalaman ng lahat ng nakikita mo sa screen ng iyong computer kapag binuksan mo ang isang web page. Halos lahat ng isinusulat mo para sa isang pahina ng web ay lilitaw sa pagitan ng pagbubukas at pagsasara ng mga tag. Ilagay ang mga pangunahing kaalaman sa lahat ng ito at mayroon kang:

Ang iyong ulo ng pamagat ay napupunta dito. Ang lahat ng nasa pahina ng web ay napupunta dito. Tandaan na ang bawat tag ay may katumbas na tag ng pagsasara.

Heading Tags

Ang mga tag ng pamagat ay tumutukoy sa kamag-anak na sukat ng teksto sa isang web page. Ang mga tag na h1 ay ang pinakamalaking, sinundan sa laki ng h2, h3, h4, h5 at h6 tag. Ginagamit mo ang mga ito upang gumawa ng ilan sa mga teksto sa isang web page na lumabas bilang isang headline o subhead. Walang mga tag, ang lahat ng teksto ay lilitaw ang parehong laki. Ang mga headline tag ay ginagamit tulad nito:

Subhead Pupunta Dito

Ayan yun. Maaari kang mag-set up at magsulat ng isang web page na binubuo ng teksto na may mga headline at subheads.

Matapos mong gawin ito sa isang sandali, gusto mong malaman kung paano magdagdag ng mga larawan at kung paano magpasok ng mga link sa iba pang mga web page. Ang HTML5 ay may kakayahang higit pa kaysa sa mabilis na pagsasakop na ito ng pangunahing pagpapakilala.