Ang HTML na wika ay nagsasama ng isang bilang ng mga elemento. Kabilang dito ang mga karaniwang ginagamit na mga bahagi ng website tulad ng mga talata, mga pamagat, mga link, at mga larawan. Mayroon ding ilang mga bagong elemento na ipinakilala sa HTML5, kabilang ang header, nav, footer, at higit pa. Ang lahat ng mga elemento ng HTML ay ginagamit upang lumikha ng istraktura ng isang dokumento at bigyan ito ng kahulugan. Upang magdagdag ng mas maraming kahulugan sa mga elemento, maaari mong bigyan sila ng mga katangian.
Ang pangunahing tag sa pagbukas ng HTML ay nagsisimula sa
Upang magdagdag ng isang katangian sa iyong tag sa HTML, una kang maglagay ng espasyo pagkatapos ng pangalan ng tag (sa kasong ito na ang "p"). Pagkatapos ay idaragdag mo ang pangalan ng katangian na gusto mong gamitin kasunod ng isang pantay na tanda. Sa wakas, ang halaga ng katangian ay ilalagay sa mga panipi. Halimbawa:
Ang mga tag ay maaaring magkaroon ng maraming mga katangian. Gusto mong paghiwalayin ang bawat katangian mula sa iba na may espasyo.
Mga Sangkap na Kinakailangang Katangian
Ang ilang mga elemento ng HTML ay talagang nangangailangan ng mga katangian kung nais mo ang mga ito upang gumana tulad ng nilalayon. Ang sangkap ng imahe at ang sangkap ng link ay dalawang halimbawa nito.
Ang elemento ng imahe ay nangangailangan ng attribute na "src". Ang katangian na iyon ay nagsasabi sa browser kung aling imahen ang gusto mong gamitin sa lokasyong iyon. Ang halaga ng katangian ay magiging path ng file sa imahe. Halimbawa:
Mapapansin mo na nagdagdag ako ng isa pang katangian sa sangkap na ito, ang "alt" o kahaliling katangian ng teksto. Ito ay hindi talaga isang kinakailangang attribute para sa mga imahe, ngunit ito ay isang pinakamahusay na kasanayan upang palaging isama ang nilalaman na ito para sa accessibility. Ang teksto na nakalista sa halaga ng alt attribute ay kung ano ang ipapakita kung ang isang imahe ay nabigo upang mai-load para sa ilang kadahilanan.
Ang isa pang elemento na nangangailangan ng mga tukoy na katangian ay ang tag na anchor o link. Ang sangkap na ito ay dapat isama ang attribute na "href", na kumakatawan sa 'reference ng hypertext.' Iyon ay isang magarbong paraan ng pagsasabi ng "kung saan ang link na ito ay dapat pumunta." Katulad ng sangkap ng imahe na kailangang malaman kung anong larawan ang mai-load, alam kung saan ito dapat. Narito kung paano maaaring tumingin ang isang link na tag:
>Ang link na iyon ay magdadala na ngayon sa isang tao sa website na tinukoy sa halaga ng isang katangian. Sa kasong ito, ito ang pangunahing pahina ng.
Mga Katangian bilang CSS Hooks
Isa pang paggamit ng mga katangian ay kapag ginagamit ang mga ito bilang "mga kawit" para sa mga estilo ng CSS. Dahil ang mga pamantayan ng web ay nangangasiwa na dapat mong itago ang istraktura ng iyong pahina (HTML) mula sa mga estilo nito (CSS), ginagamit mo ang mga katangiang ito sa CSS upang idikta kung paano ipapakita ang nakabalangkas na pahina sa web browser. Halimbawa, maaari kang magkaroon ng ganitong piraso ng markup sa iyong HTML na dokumento.
Kung nais mo ang dibisyon na magkaroon ng kulay ng background ng itim (# 000) at isang laki ng font na 1.5em, idaragdag mo ito sa iyong CSS:
.featured {background-color: # 000; laki ng font: 1.5em;}Ang "itinampok" katangian ng klase ay gumaganap bilang isang kawit na ginagamit namin sa CSS upang mag-apply ng mga estilo sa lugar na iyon. Maaari din kami ng isang ID na katangian dito kung gusto namin. Ang parehong mga klase at mga ID ay mga unibersal na katangian, na nangangahulugang maaari silang maidagdag sa anumang elemento. Maaari din silang maging target sa mga partikular na estilo ng CSS upang matukoy ang visual na hitsura ng sangkap na iyon.
Tungkol sa Javascript
Sa wakas, ang paggamit ng mga katangian sa ilang elemento ng HTML ay isang bagay na maaari mong gamitin sa Javascript. Kung mayroon kang isang script na naghahanap ng isang elemento na may isang partikular na katangian ng ID, na isa pang paggamit ng karaniwang piraso ng HTML na wika.