Mae'r iaith HTML yn cynnwys nifer o elfennau. Mae'r rhain yn cynnwys elfennau gwefan a ddefnyddir yn gyffredin fel paragraffau, penawdau, dolenni a delweddau. Mae yna hefyd nifer o elfennau newydd a gyflwynwyd gyda HTML5, gan gynnwys y pennawd, nav, footer, a mwy. Defnyddir yr holl elfennau HTML hyn i greu strwythur dogfen a rhowch ystyr iddo. I ychwanegu hyd yn oed mwy o ystyr i elfennau, gallwch roi nodweddion iddynt.
Mae tag agor HTML sylfaenol yn cychwyn gyda'r
I ychwanegu priodwedd i'ch tag HTML, rhowch le ar ôl yr enw tag (yn yr achos hwn, dyna'r "p"). Yna, byddech yn ychwanegu'r enw priodoldeb yr hoffech ei ddefnyddio gan ddilyn arwydd cyfartal. Yn olaf, byddai'r gwerth priodoli yn cael ei roi mewn dyfynodau. Er enghraifft:
Gall tagiau gael nodweddion lluosog. Byddech yn gwahanu pob nodwedd o'r lleill gyda lle.
Elfennau â Nodweddion Angenrheidiol
Mae rhai elfennau HTML mewn gwirionedd angen nodweddion os ydych am iddynt weithio fel y bwriadwyd. Mae'r elfen ddelwedd a'r elfen gyswllt yn ddwy enghraifft o hyn.
Mae'r elfen ddelwedd yn gofyn am y priodwedd "src". Mae'r priodoldeb hwnnw'n dweud wrth y porwr pa ddelwedd rydych chi am ei ddefnyddio yn y lleoliad hwnnw. Gwerth y priodoldeb fyddai llwybr ffeil i'r ddelwedd. Er enghraifft:
Byddwch yn sylwi fy mod yn ychwanegu priodoldeb arall i'r elfen hon, yr "alt" neu briodwedd testun arall. Nid yw hyn yn dechnegol yn briodoldeb angenrheidiol ar gyfer delweddau, ond mae'n arfer gorau i gynnwys y cynnwys hwn ar gyfer hygyrchedd bob amser. Y testun a restrir yng ngwerth y priodwedd alt yw beth fydd yn ei ddangos os na fydd delwedd yn llwytho am ryw reswm.
Elfen arall sy'n gofyn am briodweddau penodol yw'r angor neu tag cyswllt. Rhaid i'r elfen hon gynnwys y priodwedd "href", sef 'hypertext reference. "Mae hon yn ffordd ffansi o ddweud" lle y dylai'r ddolen hon fynd. "Yn union fel bod angen i'r elfen ddelwedd wybod pa ddelwedd i'w lwytho, mae'n rhaid i'r tag cyswllt gwybod sut y dylai hoffech ei wneud. Dyma sut y gall tag cyswllt edrych:
Byddai'r ddolen honno nawr yn dod â rhywun i'r wefan a bennir yng ngwerth priodoldeb. Yn yr achos hwn, dyma brif dudalen.
Nodweddion fel Bachau CSS
Defnydd arall o nodweddion yw pan gaiff eu defnyddio fel "bachau" ar gyfer arddulliau CSS. Oherwydd bod safonau gwe yn nodi y dylech gadw strwythur eich tudalen (HTML) ar wahân i'w arddulliau (CSS), rydych chi'n defnyddio'r bachau priodoli hyn yn yr CSS i bennu sut y bydd y dudalen strwythuredig yn cael ei arddangos yn y porwr gwe. Er enghraifft, gallech gael y darn hwn o farcio yn eich dogfen HTML.
Os oeddech am i'r adran honno gael lliw cefndir o du (# 000) a ffont-maint 1.5em, byddech chi'n ychwanegu hyn at eich CSS:
.featured {cefndir-liw: # 000; font-size: 1.5em;}Mae'r briodwedd dosbarth "nodweddiadol" yn gweithredu fel bachyn a ddefnyddiwn yn y CSS i gymhwyso arddulliau i'r ardal honno. Gallem hefyd ni briodoldeb adnabod yma os oeddem eisiau. Mae'r ddau ddosbarth a'r ID yn nodweddion cyffredinol, sy'n golygu y gellir eu hychwanegu at unrhyw elfen. Gallant hefyd gael eu targedu gydag arddulliau CSS penodol i bennu ymddangosiad gweledol yr elfen honno.
O ran Javascript
Yn olaf, mae defnyddio nodweddion ar rai elfennau HTML hefyd yn rhywbeth y gallwch ei ddefnyddio yn Javascript. Os oes gennych sgript sy'n chwilio am elfen â phriodol ID penodol, defnydd arall eto o'r darn cyffredin hon o'r iaith HTML yw hwn.