A HTML nyelv számos elemet tartalmaz. Ezek közé tartoznak a gyakran használt weboldalelemek, például bekezdések, fejlécek, linkek és képek. Számos új elem is szerepel a HTML5-vel, beleértve a fejlécet, a navigációt, a láblécet és egyebeket. Mindezek a HTML elemek segítségével létrehozzák a dokumentum szerkezetét, és értelmet adnak neki. Ha még több jelentést szeretne hozzáadni az elemekhez, megadhatja azokat az attribútumokat.
Egy alap HTML megnyitó címke a
Ha hozzá szeretne adni egy attribútumot a HTML-címkéjéhez, először tegyen helyet a címke neve után (ebben az esetben a "p"). Ezután hozzáadja a használni kívánt attribútumnevet, amelyet egy egyenlő megjelölés követ. Végül az attribútumértéket idézőjelben kell elhelyezni. Például:
A címkék több attribútummal rendelkezhetnek. Minden attribútumot elkülönítenének a többiektől egy szóközzel.
Elemek a szükséges attribútumokkal
Bizonyos HTML elemek valóban attribútumokat igényelnek, ha azt szeretné, hogy a kívánt módon működjenek. A képelem és a link elem két példa erre.
A képelemhez az "src" attribútum szükséges. Ez az attribútum megmutatja a böngészőnek, hogy melyik képet szeretné használni az adott helyen. Az attribútum értéke a fájl fájl elérési útja. Például:
Észre fogod venni, hogy hozzáadtam egy másik attribútumot ehhez az elemhez, az "alt" vagy alternatív szöveg attribútumhoz. Ez technikailag nem követelmény a képekhez szükséges attribútum, de ez a legjobb gyakorlat, ha ezt a tartalmat mindig elérhetővé tesszük. Az alt attribútumban felsorolt szöveg az, ami megjelenik, ha a kép valamilyen okból nem töltődik be.
Egy másik olyan elem, amely speciális attribútumokat igényel, a horgony vagy linkcímke. Ennek az elemnek tartalmaznia kell a "href" attribútumot, ami a "hipertext-referenciát" jelenti. Ez egy fantáziadús módja annak, hogy "hol tart ez a kapcsolat?" Ahogyan a képelemnek tudnia kell, hogy melyik képet kell betöltenie, a linkcímke tudják, hol szeretne. Így néz ki a linkcímke:
Ez a hivatkozás most egy személynek az attribútum értékében megadott weboldalhoz való hozzárendelését jelenti. Ebben az esetben ez a főoldal.
Attribútumok CSS-horgokként
Az attribútumok másik használata akkor is, ha azokat "horogként" használják a CSS-stílusokhoz. Mivel a webes szabványok előírják, hogy az oldalstruktúráját (HTML) meg kell őrizni a stílusoktól (CSS), ezeket a CSS attribútumhorgokat használva diktálja, hogyan fog megjelenni a strukturált oldal a webböngészőben. Például megvan ez a jelölés a HTML dokumentumban.
Ha azt szeretné, hogy a megosztottság legyen fekete (# 000) háttérszíne és egy 1.5em betűmérete legyen, hozzáadnia ezt a CSS-hez:
.featured {background-color: # 000; betűméret: 1.5em;}A "kiemelt" osztály attribútum olyan horogként működik, amelyet a CSS-ben használunk, hogy stílusokat alkalmazzunk erre a területre. Itt is tudnánk azonosítót tulajdonítani nekünk. Mindkét osztály és azonosító általános jellemző, ami azt jelenti, hogy bármelyik elemhez hozzá lehet adni. Mindkettő egyaránt célzott CSS-stílusokkal, hogy meghatározza az elem vizuális megjelenését.
Ami a Javascriptet illeti
Végül az egyes HTML elemek attribútumainak használata is hasznos lehet a Javascriptben. Ha van olyan szkript, amely egy adott ID-attribútummal rendelkező elemet keres, akkor ez a HTML-nyelv közös része.