Ang HTML nga pinulongan naglakip sa daghang mga elemento. Kini naglakip sa kasagarang gigamit nga mga sangkap sa website sama sa mga parapo, mga ulohan, mga sumpay, ug mga larawan. Adunay usab ang pipila ka bag-o nga mga elemento nga gisugdan sa HTML5, lakip ang header, nav, footer, ug daghan pa. Ang tanan niini nga mga elemento sa HTML gigamit sa paghimo sa istruktura sa usa ka dokumento ug naghatag kini sa kahulogan. Aron makadugang sa dugang kahulogan sa mga elemento, mahimo nimo silang hatagan og mga kinaiya.
Ang usa ka batakang tag sa pagbukas sa HTML magsugod sa
Aron makadugang sa usa ka hiyas sa imong tag sa HTML, una ka nga magbutang og luna human sa ngalan sa tag (sa kini nga kaso mao ang "p"). Dayon imong idugang ang ngalan sa hiyas nga buot nimo gamiton nga sundan sa usa ka patas nga timaan. Sa kataposan, ang bili sa kinaiya ibutang sa marka sa mga kinutlo. Pananglitan:
Ang mga tag mahimong adunay daghang mga hiyas. Gihimulag nimo ang matag hiyas gikan sa uban nga adunay luna.
Mga Sangkap nga Gikinahanglan nga mga Kinaiya
Ang pipila ka mga elemento sa HTML sa tinuod nagkinahanglan og mga hiyas kon gusto nimo nga magtrabaho kini ingon nga gituyo. Ang imahen nga elemento ug ang sumpay nga elemento mao ang duha ka pananglitan niini.
Ang imahen nga elemento nagkinahanglan sa "src" nga hiyas. Kana nga hiyas nagsulti sa browser nga hulagway nga gusto nimo gamiton sa maong lugar. Ang bili sa mga hiyas mao ang usa ka path sa file sa larawan. Pananglitan:
Makita nimo nga nagdugang ko og laing hiyas sa kining elemento, ang "alt" o alternatibong hiyas sa teksto. Dili kini sa teknikal nga gikinahanglan nga hiyas alang sa mga hulagway, apan kini usa ka labing maayo nga praktis nga kanunay nga maglakip niini nga sulod alang sa pagka-accessibility. Ang teksto nga gilista sa bili sa alt attribute mao ang ipakita kon ang usa ka imahen dili mabutang tungod sa usa ka rason.
Ang laing elemento nga nagkinahanglan og piho nga mga hiyas mao ang anchor o link tag. Kini nga elemento kinahanglan nga maglakip sa "href" nga kinaiya, nga nagatumong sa 'hypertext reference. "Kana usa ka nindot nga paagi sa pag-ingon" diin kini nga link kinahanglan nga moadto. "Sama sa imahe nga elemento nga kinahanglan mahibal-an kung asa nga imahen ang pag-load, ang link tag kinahanglan nahibal-an kung asa kini gusto. Ania ang paagi sa pagtan-aw sa usa ka link tag:
Kana nga sumpay makadala sa usa ka tawo ngadto sa website nga gitino sa bili sa usa ka kinaiya. Sa kini nga kaso, kini ang nag-unang panid sa.
Mga hiyas nga CSS Cooks
Ang laing paggamit sa mga kinaiya mao ang kung kini gigamit nga "mga kaw-it" alang sa estilo sa CSS. Tungod kay ang mga sumbanan sa web nagdikta nga kinahanglan nimong huptan ang estruktura sa imong panid (HTML) nga nahimulag sa mga estilo niini (CSS), imong gigamit kining mga kinaiyanhong kaw-it sa CSS aron pagdiktar kon unsaon ipakita ang nakit-an nga panid sa web browser. Pananglitan, mahimo nimo kining tipik nga markup sa imong HTML nga dokumento.
Kung gusto nimo nga ang division adunay background color of black (# 000) ug usa ka font-size nga 1.5em, idugang nimo kini sa imong CSS:
.featured {background-color: # 000; font-size: 1.5em;}Ang "gihisgutan" nga hiyas sa klase nagsilbing usa ka kaw-it nga atong gigamit sa CSS aron magamit ang mga estilo sa maong dapit. Mahimo usab kita nga usa ka attribute sa ID dinhi kung gusto nato. Ang duha ka mga klase ug mga ID mao ang universal nga mga kinaiya, nga nagpasabut nga sila mahimong idugang sa bisan unsang elemento. Mahimo usab silang duha nga target sa mga piho nga estilo sa CSS aron mahibal-an ang makita nga dagway sa elemento.
Mahitungod sa Javascript
Sa katapusan, ang paggamit sa mga hiyas sa pipila nga mga elemento sa HTML usa usab ka butang nga mahimo nimong gamiton sa Javascript. Kon ikaw adunay usa ka script nga nangita alang sa usa ka elemento nga adunay usa ka piho nga hiyas sa ID, kana usa pa ka paggamit niining komon nga piraso sa HTML nga pinulongan.