Miksi HTML-tunnisteet ovat ystäväsi

click fraud protection

HTML on web-kieli. Tietokoneellasi tai puhelimellasi tarkastelemasi verkkosivut, mukaan lukien tämä, kirjoitetaan hypertekstikielikielellä ns. HTML-tunnisteina. Voit ajatella HTML: tä "hupun alla olevana koodina", joka hallitsee verkkosivun rakennetta.

Viime kädessä, kun opit uuden kielen, aloitat yksinkertaisilla lauseilla ja rakennat sieltä. Oppiminen HTML ei ole erilainen. Aloitat parantamalla yhteisiä HTML-tunnisteita. Tämä vastaa "yksinkertaisten lauseiden" oppimista puhutulla kielellä. Näistä lauseista tulee peruskivi, jolle rakennat tietosi ja puheeni, aivan kuten HTML-tunnisteet ovat perusta, jolle rakennat verkkokehitystaitosi.

HTML-koodimuoto

Voit tunnistaa HTML-tagin, koska sitä ympäröivät merkit tunnisteen alussa ja lopussa. Näiden kahden merkin välissä olisi muuta tekstiä, joka määrittelee, millaista HTML-tagia kirjoitetaan. Esimerkiksi, jos tiedät, että "hr" tarkoittaa vaakasääntöä (tai viivaa), kirjoitat tämän HTML-tagille:


Olet juuri kirjoittanut HTML-tagin, joka piirtää vaakasäännön verkkosivulle.

instagram viewer

Useimmat HTML-tunnisteet tulevat pareittain. Ne sijoitetaan tekstiosan alkuun ja loppuun sanelemaan sisällön, jonka ne sisältävät. Nämä merkkiparit muodostavat HTML-elementtis. Kun opit sen  ja  ovat alku- ja lopputunnisteita tekstin lihavoimiseksi, alat ymmärtää, miten HTML-tagit vaikuttavat tekstin ulkonäköön verkkosivulla.

Tämä lause näkyy lihavoituna piilotettujen HTML-tunnisteiden takia.

Lopullinen vahva tunniste (joka tarkoittaa "voimakasta korostusta ja joka oletusarvoisesti tekee tekstistä lihavoituneen) on identtinen avaavan vahvan tunnisteen kanssa, paitsi että se sisältää vinoviivan tagiin. Tätä muotoa seuraa useimmat HTML-tunnisteet. Aloitus- ja sulkutunnisteet ovat samat, lisäämällä kauttaviiva ensimmäiseen "

HTML-tunnisteiden yhdistelmät

HTML-tunnisteita käytetään usein yhdessä. Korostetun (kursivoidun) tekstin alku- ja lopputunnisteet ovat ja . Kursivoitujen tunnisteiden lisääminen yhteen lihavoidun lauseesimerkin yhteen sanaan aiheuttaa sen, että sana näkyy sekä lihavoituna että kursivoituna verkkosivulla.

Tämä lause esiintyy kaikissa lihavoitu piilotettujen HTML-tunnisteiden takia.

Aina, kun useita tunnisteita käytetään yhdessä verkkosivun elementissä, ja jotkut tunnisteet näkyvät toisten sisällä, niitä kutsutaan sisäkkäisiksi HTML-tunnisteiksi. Sinun täytyy muistaa se sisäkkäisiä tunnisteita, jotka ovat muiden sisällä olevia tunnisteita, on suljettava, ennen kuin ne sisältävät tunnisteet voidaan sulkea. Katso tätä esimerkkiä:

Tämä on tekstiä korosti tietystä syystä.


Sinun tulisi huomata, että -tunniste avataan

, mikä tarkoittaa, että se on suljettava ennen

lopputunniste ilmestyy. Ajattele sisäkkäisiä tunnisteita, kuten laatikoita muiden laatikoiden sisällä. Sisälaatikot on suljettava ennen kuin niiden ulkopinta sisältää laatikot.

HTML-tunnisteet ja verkkosivut

Voimassa olevassa HTML-koodissa on kymmeniä HTML-tunnisteita. Jotkut HTML-tunnisteet sanelevat hyvin yleisiä peruselementtejä, kuten kappaleita, kun taas toiset ovat monimutkaisempia ja lisäävät toiminnallisuutta, kuten linkki- tai "ankkuritunnisteet". HTML-tunnisteiden luettelo antaa tilannekuvan monista toiminnoista, joita tagit voivat suorittaa verkkosivulla tagien avulla.

On myös joitain tunnisteita, joita vaaditaan kaikilta verkkosivuilta. Kun rakennat ensimmäisen sivusi, käytät.

HTML-tunnisteiden luettelosta ei ole paljon apua, ennen kuin olet käynyt läpi HTML-opetusohjelman, mutta sen jälkeen voit rakentaa oman verkkosivusi HTML-tunnisteiden avulla. Yksi huomautus: älä hukkaa mahdollisten HTML-tunnisteiden määrää. Vaikka käytettävissä on satoja mahdollisia tunnisteita, tosiasia on, että todennäköisesti käytät vain kourallista niistä yhä uudelleen. Itse asiassa on joitain HTML-tunnisteita, joita emme ole koskaan käyttäneet edes kerran vuosikymmenien ajan web-suunnittelutyössä!

Vanhentuneet tunnisteet

HTML5 on nykyinen merkintätandardi. Joitakin HTML-koodin aiemmissa versioissa käytettyjä tunnisteita käsittelevät HTML5-tyylisivut. Vanhentuneet HTML-tunnisteet on poistettu HTML-määrityksistä. On parasta olla käyttämättä vanhentuneita tunnisteita.

instagram story viewer