11 suosituinta HTML-tunnistetta Jokaisen bloggaajan ja verkkosivuston omistajan on tiedettävä

Mainos

WWW tuntee monia kieliä ja on koodattu useilla eri kielillä. Yksi kieli, joka löytyy kaikkialta ja on ollut olemassa verkkosivujen keksimisestä lähtien, on HyperText-merkintäkieli, joka tunnetaan paremmin HTML: nä. Kuten nimestä voi päätellä, HTML ei ole ohjelmointi, vaan merkintäkieli. Selaimet tulkitsevat merkinnät verkkosivustojen sisällön visualisoimiseksi. HTML: ää käytetään yksinkertaisimmassa muodossaan tekstin muotoiluun, mediatiedostojen upottamiseen ja verkkosivun sisällön järjestämiseen. Toisin sanoen HTML kuvaa verkkosivuja ja tämän kuvauksen perusteella selain luo kuvan.

Ilmaisten verkkosivustojen rakentajien ansiosta kenenkään ei tarvitse enää sekoittaa HTML-koodia. Toisinaan HTML-tunnisteet voivat kuitenkin olla hyödyllisiä, esimerkiksi tehdä nopeita muutoksia verkkosivustoon, lisätä hypertekstiä kommenttiin tai muotoilla tekstiä foorumin viestiin. Tässä artikkelissa haluan näyttää sinulle muutamia, mahdollisesti satunnaisia, mutta ehdottomasti hyödyllisiä ja yksinkertaisia ​​tunnisteita päivittäiseen käyttöön.

Ennen kuin aloitamme, haluan esitellä sinulle joitain perussääntöjä, jotka toivottavasti helpottavat HTML-tunnisteiden ymmärtämistä:

• HTML käyttää merkintätunnisteita, jotka on suljettu kulmasulkeisiin, kuten tämä:
• Tunnisteita, jotka näyttävät yllä olevasta esimerkistä, kutsutaan aloitustunnisteiksi. Jokaisen aloitustunnisteen jälkeen on oltava jossain vaiheessa lopputunniste, kuten tämä:
• Jotkut tunnisteet eivät kuvaa sisältöä. Jotta ne olisivat nykyisten standardien mukaisia, niiden on silti lopputtava. Tämän seurauksena ne yhdistävät aloitus- ja lopetunnisteen, kuten tämä:
  

Tekstin alustaminen

HTML-tunnisteet ovat yleensä yksinkertaisia. Lihavoidun, kursivoidun tai alleviivatun tekstin tekemiseen tarkoitetut tunnisteet on johdettu vastaavasta sanasta.

input:lihavoitu
Tulos: lihavoitu

input:kursivoitu
lähtö:kursivoitu

input:alleviivatun
lähtö:alleviivatun

input:läpikäytä tekstiä
lähtö:läpikäytä tekstiä

Hypertekstin luominen

Tavalliset URL-osoitteet voivat näyttää aika rumailta. Hyperlinkin lisääminen tekstiin, ts. Hypertekstin luominen, on paljon tyylikkäämpää ja säästää tilaa, varsinkin jos linkki on hyvin pitkä.

input:Hyödyntää
lähtö:Hyödyntää

Kuten näet, tämä HTML-tunniste on hieman monimutkaisempi, joten katsotaan sitä yksityiskohtaisemmin. Varsinainen tunniste on ja lisäelementit ovat määritteitä, jotka määrittelevät muita ominaisuuksia. Ominaisuus href = määrittelee linkin ja title = määrittelee hiiren osoittimen työkaluvipun. Käytä lainausmerkkejä linkin ja otsikon sulkemiseen, muuten saatat johtaa katkenneeseen linkkiin.

Kuvien upottaminen

Kuva voi sanoa enemmän kuin tuhat sanaa. Meidän pitäisi käyttää niitä useammin. Ja näin voit lisätä yhden manuaalisesti HTML: n avulla:

input:
lähtö:

Analysoidaan myös tämä tunniste. Jälleen todellinen tunniste on ja vaadittavat ominaisuudet ovat src = ja alt =. Entinen osoittaa kuvan sijainnin, ts. Sen URL-osoitteen, ja jälkimmäinen tarjoaa vaihtoehtoisen tekstin, joka näytetään, jos kuvien näyttö estetään tai linkki katkeaa. Käytä jälleen lainausmerkkejä välttääksesi rikkoutuneita linkkejä.

tunniste on myös esimerkki tunnisteesta, jota ei tarvitse "lopettaa" ja sulkeutuu siten alkuperäisen tunnisteen eteenpäinviivalla, ts. mielummin kuin .

Taukoja ja kappaleita

Jotta voit luoda jäsennellyn tekstin, sinun on käytettävä rivinvaihtoja ja kappaleita. Ja nämä ovat tunnisteet, jotka sinun on tiedettävä:

input:

lähtö: Tämä tunniste luo rivinvaihdon. Huomaa, että tämä on toinen tunniste, joka yhdistää aloitus- ja lopetustunnisteet yhdessä.

input:

Teksti kappaleesi sisällä.

lähtö: Toisin kuin edellisessä tunnisteessa, kappaletunnisteessa on vakio aloitus- ja lopetustunniste. Näiden kahden tunnisteen välinen teksti on kääritty kappaleeseen, eli edessä ja jälkeen on tyhjä rivi.

Listat

Luetteloita on pääasiassa kahta tyyppiä: tilatut ja järjestämättömät luettelot, tunnetaan paremmin numeroituina ja luettelomerkillä. Kummankin luomiseksi sinun on tiedettävä kaksi erilaista tunnistetta, mutta vain kolme. Katsotaanpa ensin esimerkkejä:

input:

1. Kohta yksi


2. Kohta kaksi

lähtö:

1. Kohta yksi
2. Kohta kaksi

input:

• Kohta yksi


• Kohta kaksi

lähtö:

• Kohta yksi
• Kohta kaksi

Luo tilattu luettelo käyttämällä tunnistetta ja lisää järjestämätön luettelo tag. Molemmissa tapauksissa

tunnistetta käytetään määrittelemään kohde luettelossa.

Nyt kun olet huomannut kuinka HTML on yksinkertainen ja looginen, kannattaa ehkä mennä perusteiden ulkopuolelle ja oppia lisää. Katso lisää HTML-vinkkejä seuraavista artikkeleista:

• 5 vaihetta HTML-peruskoodin ymmärtämiseksi 5 vaihetta HTML-peruskoodin ymmärtämiseenHTML on jokaisen verkkosivun selkäranka. Jos olet aloittelija, anna meidän käydä läpi HTML-ymmärtämisen perusvaiheet. Lue lisää
• 5 HTML-vinkkiä nopeasti ladattavan ilmaisen verkkosivuston luomiseen 5 HTML-vinkkiä nopeasti ladattavan ilmaisen verkkosivuston luomiseen Lue lisää
• 7 hienoa HTML-efektiä, joita kuka tahansa voi lisätä verkkosivustoilleen 8 hienoa HTML-efektiä, jotka kuka tahansa voi lisätä verkkosivustoilleenSinun ei tarvitse tietää CSS: ää tai PHP: tä rakentaaksesi hieno sivusto. Käytä näitä hienoja HTML-temppuja luodaksesi mahtavia tehosteita. Lue lisää

Tunnetko olosi hieman varmempi käyttämään HTML-tunnisteita nyt? Jos sinulla on ”käsikoodaus” rutiininomaisesti aiemmin, mitä tunnisteita sinulla mielestäsi puuttuu?

Kuvahyvitykset: kentoh