11 najboljših HTML oznak, ki jih mora poznati vsak lastnik Bloggerjev in spletnih mest

Oglas

Svetovni splet zna veliko jezikov in je kodiran v več različnih jezikih. Vendar je eden od jezikov, ki ga lahko najdemo vse od nastanka spletnih strani, HyperText Markup Language, bolj znan kot HTML. Kot pove že ime, HTML ni programski jezik, ampak označevalni jezik. Oznake razlagajo brskalniki za vizualizacijo vsebine na spletnih mestih. V svoji najbolj preprosti obliki se HTML uporablja za oblikovanje besedila, vdelavo predstavnostnih datotek in organizacijo vsebine na spletni strani. Z drugimi besedami, HTML opisuje spletne strani in na podlagi tega opisa brskalnik ustvari "sliko".

Zahvaljujoč brezplačnim ustvarjalcem spletnih strani se nikomur v resnici ni treba spopadati s kodiranjem HTML. Vendar lahko občasno prihajajo oznake HTML, na primer za hitro spreminjanje spletnega mesta, dodajanje hiperteksta v komentar ali oblikovanje besedila za objavo na forumu. V tem članku vam želim pokazati nekaj, morda naključnih, a vsekakor uporabnih in preprostih oznak za vsakodnevno uporabo.

Preden začnemo, naj vam predstavim nekaj osnovnih pravil, ki bodo oznake HTML lažje razumela:

• HTML uporablja označevalne oznake, ki so v oklepaju, kot je ta:
• Oznake, ki so podobne tistemu v zgornjem primeru, se imenujejo začetne oznake. Vsaki začetni oznaki mora v nekem trenutku slediti končna oznaka, kot je ta:
• Nekatere oznake ne opisujejo vsebine. Da pa bodo skladni s trenutnimi standardi, se morajo še vedno končati. Posledično združujejo začetno in končno oznako, kot je ta:
  

Oblikovanje besedila

Oznake HTML so običajno preproste. Oznake za besedilo krepko, poševno ali podčrtano izhajajo iz ustrezne besede.

Vnos:krepko
Izhod: krepko

Vnos:poševno
Izhod:poševno

Vnos:podčrtano
Izhod:podčrtano

Vnos:stavka skozi besedilo
Izhod:stavka skozi besedilo

Ustvarjanje hiperteksta

Navadni URL-ji lahko izgledajo precej grdo. Če dodate hiperpovezavo besedilu, tj. Ustvarite hipertekst, je veliko bolj stilsko in prihranite prostor, še posebej, če je povezava zelo dolga.

Vnos:Izkoristijo
Izhod:Izkoristijo

Kot lahko vidite, je ta oznaka HTML nekoliko bolj zapletena, zato si jo oglejmo podrobneje. Dejanska oznaka je dodatni elementi pa so atributi, ki določajo nadaljnje značilnosti. Atribut href = določa povezavo in naslov = definira namizje z miško. Ne pozabite uporabiti narekovaje, da priložite povezavo in naslov, sicer boste morda na koncu prekinjeni.

Vdelava slik

Slika lahko pove več kot tisoč besed. Morali bi jih uporabljati pogosteje. In tako lahko ročno vstavite enega s pomočjo HTML-ja:

Vnos:
Izhod:

Analizirajmo tudi to oznako. Spet je dejanska oznaka in zahtevani atributi so src = in alt =. Prva kaže na lokacijo slike, tj. Njen URL, zadnja pa ponuja alternativno besedilo, ki se prikaže, če je prikaz slik blokiran ali je povezava prekinjena. Ponovno uporabite narekovaje, da se izognete pretrganim povezavam.

The oznaka je tudi primer oznake, ki je ni treba "končati" in se torej zapre s pomišljajem naprej v začetni oznaki, tj. raje kot .

Prelomi in odstavki

Če želite ustvariti strukturirano besedilo, morate uporabiti prelome vrstic in odstavke. In to so oznake, ki jih morate vedeti:

Vnos:

Izhod: Ta oznaka ustvari prelom vrstice. Upoštevajte, da je to še ena oznaka, ki združuje začetno in končno oznako v eno.

Vnos:

Besedilo v odstavku.

Izhod: Za razliko od prejšnje oznake ima oznaka odstavka standardno začetno in končno oznako. Besedilo med dvema oznakama je zavito v odstavek, kar pomeni, da je pred in za njo prazna vrstica.

Seznami

V bistvu obstajata dve vrsti seznamov: urejeni in neurejeni seznami, bolj znani kot oštevilčeni in razvrščeni seznami. Če jih želite ustvariti, morate poznati dve različni oznaki, vendar le tri. Poglejmo najprej primere:

Vnos:

1. Predmet prvi


2. 2. točka

Izhod:

1. Predmet prvi
2. 2. točka

Vnos:

• Predmet prvi


• 2. točka

Izhod:

• Predmet prvi
• 2. točka

Če želite ustvariti urejen seznam, uporabite oznako in za neurejen seznam vstavite oznaka. V obeh primerih je

oznaka se uporablja za definiranje predmeta na seznamu.

Zdaj, ko ste videli, kako preprost in logičen HTML je, boste morda želeli preseči same osnove in se še malo naučiti. Za več nasvetov HTML si oglejte te članke:

• 5 korakov za razumevanje osnovne kode HTML 5 korakov za razumevanje osnovne kode HTMLHTML je hrbtenica vsake spletne strani. Če ste začetnik, vas pojdimo skozi osnovne korake za razumevanje HTML-ja. Preberi več
• 5 nasvetov HTML za ustvarjanje hitrega brezplačnega spletnega mesta 5 nasvetov HTML za ustvarjanje hitrega brezplačnega spletnega mesta Preberi več
• 7 kul HTML učinkov, ki jih lahko vsakdo doda na svoje spletno mesto 8 kul HTML učinkov, ki jih lahko vsakdo doda na svoje spletno mestoZa izdelavo domišljijskega spletnega mesta vam ni treba poznati CSS ali PHP. Uporabite te kul HTML trike, da ustvarite super učinke. Preberi več

Se zdaj počutite nekoliko bolj samozavestni glede uporabe HTML oznak? Če so vas že prej rutinsko »kodirali«, katere oznake menite, da manjkajo?

Slikovni sliki: kentoh