11 parimat HTML-i silti, mida iga blogija ja veebisaidi omanik peab teadma

Reklaam

Veebiveeb oskab paljusid keeli ja on kodeeritud mitmes erinevas keeles. Üks keel, mida võib leida kõikjalt ja mis on olnud kasutusel juba alates veebilehtede leiutamisest, on hüperteksti märgistuskeel, paremini tuntud kui HTML. Nagu nimest järeldada võib, pole HTML mitte programmeerimine, vaid märgistuskeel. Markeeringuid tõlgendavad brauserid veebisaitide sisu visualiseerimiseks. Kõige lihtsamal kujul kasutatakse HTML-i teksti vormindamiseks, meediumifailide manustamiseks ja veebilehe sisu korraldamiseks. Teisisõnu, HTML kirjeldab veebilehti ja selle kirjelduse põhjal loob brauser pildi.

Tänu tasuta veebisaidi ehitajatele ei pea keegi enam HTML-i kodeerimisega segadusse minema. Kuid mõnikord võib HTML-märgenditest abi olla, näiteks veebisaidi kiireks muutmiseks, kommentaari hüperteksti lisamiseks või foorumipostituse teksti vormindamiseks. Selles artiklis tahan näidata teile mõnda, võib-olla juhuslikku, kuid kindlasti kasulikku ja lihtsat silti igapäevaseks kasutamiseks.

Enne alustamist lubage mul tutvustada teile mõnda põhireeglit, mis loodetavasti hõlbustab HTML-siltide mõistmist:

• HTML kasutab märgistussilte, mis on lisatud nurksulgudesse, näiteks:
• Sildid, mis näevad välja nagu ülaltoodud näites, nimetatakse algusmärgenditeks. Igale algusmärgendile peab mingil hetkel järgnema lõppsilt, näiteks järgmine:
• Mõned sildid ei kirjelda sisu. Praegustele standarditele vastamiseks peavad need siiski lõppema. Järelikult ühendavad need algus- ja lõppsildid, näiteks järgmised:
  

Teksti vormindamine

HTML-sildid on tavaliselt sirgjoonelised. Sildid paksus, kaldkirjas või allajoonitud teksti tegemiseks on saadud vastavast sõnast.

Sisend:julge
Väljund: julge

Sisend:kaldkiri
Väljund:kaldkiri

Sisend:allajoonitud
Väljund:allajoonitud

Sisend:läbi lüüa
Väljund:läbi lüüa

Hüperteksti loomine

Lihtsad URL-id võivad tunduda üsna koledad. Hüperlingi lisamine tekstile, st hüperteksti loomine on palju stiilsem ja säästab ruumi, eriti kui link on väga pikk.

Sisend:MakeUseOf
Väljund:MakeUseOf

Nagu näete, on see HTML-märgend pisut keerulisem, nii et vaatame seda üksikasjalikult. Tegelik silt on ja lisaelemendid on atribuudid, mis täpsustavad täiendavaid omadusi. Atribuut href = täpsustab linki ja pealkiri = määratleb hiire kohal oleva tööriistavihje. Lingi ja pealkirja lisamiseks kasutage kindlasti jutumärke, vastasel juhul võite lingi katki minna.

Piltide manustamine

Pilt võib öelda rohkem kui tuhat sõna. Me peaksime neid sagedamini kasutama. Ja nii saate selle käsitsi HTML-i sisestada:

Sisend:
Väljund:

Analüüsime ka seda silti. Jälle on tegelik silt ja nõutavad atribuudid on src = ja alt =. Esimene osutab pildi asukohale, st selle URL-ile, ja viimane pakub alternatiivset teksti, mis kuvatakse juhul, kui piltide kuvamine on blokeeritud või link katki. Katkestatud linkide vältimiseks kasutage jälle jutumärke.

silt on ka näide sildist, mis ei pea olema lõppenud ja suletakse seega algse sildi ettepoole suunatud kriipsuga, s.o. pigem kui .

Katkestused ja lõigud

Struktureeritud teksti loomiseks peate kasutama reavahetusi ja lõike. Ja need on sildid, mida peate teadma:

Sisend:

Väljund: See silt loob reavahetuse. Pange tähele, et see on veel üks silt, mis ühendab algus- ja lõpumärgendi ühes.

Sisend:

Tekst teie lõigu sees.

Väljund: Erinevalt eelmisest sildist on lõigumärgendil tavaline algus- ja lõppsilt. Kahe sildi vaheline tekst on mähitud lõiku, mis tähendab, et enne ja pärast on tühi rida.

Nimekirjad

Põhimõtteliselt on kahte tüüpi loendeid: järjestatud ja järjestamata nimekirjad, paremini tuntud nummerdatud ja täpploenditeks. Mõlema loomiseks peate teadma kahte erinevat silti, kuid kokku ainult kolme. Vaatame kõigepealt näiteid:

Sisend:

1. Üksus üks


2. Teine punkt

Väljund:

1. Üksus üks
2. Teine punkt

Sisend:

• Üksus üks


• Teine punkt

Väljund:

• Üksus üks
• Teine punkt

Tellitud loendi loomiseks kasutage silti ja järjestamata nimekirja jaoks sisestage silt. Mõlemal juhul

silti kasutatakse loendis oleva üksuse määratlemiseks.

Nüüd, kui olete näinud, kui lihtne ja loogiline HTML on, võiksite minna kaugemale põhitõdedest ja õppida natuke rohkem. Rohkem HTML-näpunäiteid leiate järgmistest artiklitest:

• 5 sammu HTML-i põhikoodi mõistmiseks 5 sammu HTML-i põhikoodi mõistmiseksHTML on iga veebilehe selgroog. Kui olete algaja, anname teile juhiseid HTML-i mõistmiseks. Loe rohkem
• 5 HTML-i näpunäidet kiire laadimisega tasuta veebisaidi loomiseks 5 HTML-i näpunäidet kiire laadimisega tasuta veebisaidi loomiseks Loe rohkem
• 7 lahedat HTML-efekti, mida igaüks saab oma veebisaidile lisada 8 lahedat HTML-efekti, mida igaüks saab oma veebisaidile lisadaUhke saidi loomiseks ei pea te CSS-i ega PHP-d tundma. Kasutage neid lahedaid HTML-i trikke, et tekitada vingeid efekte. Loe rohkem

Kas tunnete end HTML-siltide kasutamisel nüüd pisut enesekindlamalt? Millised sildid puuduvad teil, kui teil on seda tavapäraselt käsitsi kodeerimine olnud?

Pildikrediidid: kentoh