HTML-kieli sisältää useita elementtejä. Näitä ovat yleisesti käytetyt sivuston osat, kuten kappaleet, otsikot, linkit ja kuvat. Lisäksi on olemassa useita uudempia elementtejä, jotka on otettu käyttöön HTML5: llä, mukaan lukien otsikko, nav, alatunniste ja paljon muuta. Kaikki nämä HTML-elementit käytetään luomaan asiakirjan rakenne ja antamaan sille merkitys. Voit lisätä entistä enemmän merkitystä elementteihin, joten voit antaa heille ominaisuuksia.
Perus HTML-avauskoodi alkaa
Voit lisätä attribuutin HTML-tunnisteeseen asettamalla ensin tilan tagin nimen (tässä tapauksessa "p") jälkeen. Sitten lisäät attribuutin nimi, jota haluat käyttää, jota seuraa tasa-arvoinen merkki. Lopuksi attribuuttiarvo sijoitetaan lainausmerkkeihin. Esimerkiksi:
Tunnisteilla voi olla useita attribuutteja. Jokaisen attribuutin pitäisi erottaa toisistaan tilaa.
Elements with Required Attributes
Jotkut HTML-elementit todella vaativat attribuutteja, jos haluat niiden toimivan tarkoitetulla tavalla. Kuvan elementti ja linkkielementti ovat kaksi esimerkkiä tästä.
Kuvan elementti vaatii "src" -määritteen. Tämä ominaisuus kertoo selaimelle, minkä kuvan haluat käyttää kyseisessä paikassa. Määritteen arvo olisi kuvan tiedostopolku. Esimerkiksi:
Huomaat, että lisäsin toisen attribuutin tähän elementtiin, "alt" tai vaihtoehtoiseen tekstin attribuuttiin. Tämä ei ole teknisesti vaadittu kuvaattribuutti, mutta se on paras käytäntö sisällyttää tämä sisältö aina saatavuuteen. Alt-attribuutin arvoon kirjoitettu teksti näkyy, jos kuva ei lataudu jostain syystä.
Toinen elementti, joka vaatii tiettyjä ominaisuuksia, on ankkuri- tai linkkitunniste. Tämän elementin on sisällettävä "href" attribuutti, joka tarkoittaa "hypertekstiviittausta". Tämä on hieno tapa sanoa "missä tämä linkki pitäisi mennä." Samoin kuin kuvan elementin on tiedettävä, mitä kuvaa ladattava, linkkitunniste on tietää, missä se haluaisi. Näin linkkilinkki voi näyttää:
Tämä linkki tuovat nyt henkilön verkkosivustolle, joka on määritetty attribuutin arvossa. Tässä tapauksessa se on.
Ominaisuudet CSS-koukkuina
Toinen attribuuttien käyttö on, kun niitä käytetään "koukkuina" CSS-tyyleille. Koska web-standardit sanovat, että sinun on pidettävä sivusi rakenne (HTML) erillään sen tyylistä (CSS), käytät CSS: ssä näitä ominaisuuskoukkuja sanelemaan, miten jäsennelty sivu näkyy verkkoselaimessa. Voit esimerkiksi saada tämän merkinnän HTML-dokumenttiin.
Jos haluat, että jako on musta (# 000) ja 1,5 metrin fonttikoko, voit lisätä sen CSS: ään:
.valmistunut {taustaväri: # 000; font-size: 1.5em;}"Tarjolla oleva" luokkamääritelmä toimii koukkina, jota käytämme CSS-tyyppisissä sovelluksissa tyylejä tällä alueella. Voisimme myös antaa meille ID-määritteen, jos halusimme. Molemmat luokat ja tunnukset ovat yleismaailmallisia ominaisuuksia, mikä tarkoittaa, että ne voidaan lisätä mihin tahansa elementtiin. Niitä voidaan myös kohdistaa tiettyihin CSS-tyyppeihin kyseisen elementin visuaalisen ilmeen määrittämiseksi.
Javascriptin osalta
Käyttämällä määritteitä tietyissä HTML-elementeissä on myös jotain, jota voit käyttää Javascriptissa. Jos sinulla on komentosarja, joka etsii elementtiä, jolla on erityinen ID -määritte, tämä on vielä yksi tämän yhteisen HTML-kielen palautus.