11 najboljih HTML oznaka koje svaki Bloger i vlasnik web mjesta moraju znati

Mreža širom svijeta poznaje mnoge jezike i šifrirana je u nekoliko različitih jezika. Međutim, jedan jezik koji se može pronaći diljem svijeta i postoji od pronalaska web stranica je HyperText Markup Language, poznatiji kao HTML. Kao što naziv govori, HTML nije programski jezik, već označni jezik. Oznake interpretiraju preglednici za vizualizaciju sadržaja na web stranicama. U svom najjednostavnijem obliku HTML se koristi za oblikovanje teksta, umetanje medijskih datoteka i organiziranje sadržaja na web stranici. Drugim riječima, HTML opisuje web stranice i na temelju ovog opisa preglednik stvara "sliku".

Zahvaljujući besplatnim graditeljima web stranica više se nitko ne treba petljati s kodiranjem HTML-a. Međutim, ponekad HTML korisne oznake mogu biti korisne, na primjer, za brzo mijenjanje web mjesta, dodavanje hiperteksta u komentar ili oblikovanje teksta za post na forumu. U ovom članku želim vam pokazati nekoliko, eventualno slučajnih, ali definitivno korisnih i jednostavnih oznaka za svakodnevnu upotrebu.

Prije nego što započnemo, dopustite mi da vam predstavim nekoliko osnovnih pravila koja će nadam se da HTML oznake budu lakše razumljive:

• HTML koristi označne oznake koje su zatvorene u zagradama, kao što je ovaj:
• Oznake koje izgledaju poput one u gornjem primjeru nazivaju se startnim oznakama. Svakoj početnoj oznaci u nekom trenutku mora biti krajnja oznaka, poput ove:
• Neke oznake ne opisuju sadržaj. Da bi se uskladile s trenutnim standardima, ipak se moraju završiti. Slijedom toga, oni ujedinjuju početnu i završnu oznaku, poput ove:
  

Formatiranje teksta

HTML oznake su obično jednostavne. Oznake za izradu teksta podebljanim, kosim ili podvučenim crtama izvedene su iz odgovarajuće riječi.

Ulazni: odvažan
Izlaz: podebljano

Ulazni: kurzivan
Izlaz: kurzivan

Ulazni: naglasio
Izlaz: naglasio

Ulazni: štrajk kroz tekst
Izlaz: štrajk kroz tekst

Stvaranje hiperteksta

Obični URL-ovi mogu izgledati prilično ružno. Dodavanje hiperveze tekstu, tj. Stvaranje hiperteksta mnogo je više stila i štedi prostor, pogotovo ako je veza vrlo duga.

Ulazni: Iskoristiti
Izlaz: Iskoristiti

Kao što vidite, ova HTML oznaka je malo složenija, pa ćemo je detaljno pogledati. Stvarna oznaka je a dodatni elementi su atributi koji određuju daljnje karakteristike. Atribut href = određuje vezu i Naslovni = definira tipku prelaska mišem. Obavezno upotrijebite navodnike da priložite vezu i naslov, jer u protivnom možete završiti neispravnu vezu.

Umetanje slika

Slika može reći više od tisuću riječi. Trebali bismo ih češće koristiti. Ovako možete ručno umetnuti jedan pomoću HTML-a:

Ulazni:

Analizirajmo i ovu oznaku. Opet je stvarna oznaka a traženi su atributi src = i alt =. Prva ukazuje na lokaciju slike, tj. Njen URL, a druga pruža alternativni tekst koji se prikazuje u slučaju da je prikaz slika blokiran ili je veza prekinuta. Ponovno koristite navodnike da biste izbjegli neispravne veze.

oznaka je također primjer oznake koju ne treba 'završiti' i stoga se zatvara crticom naprijed u početnoj oznaci, tj.. rađe nego .

Kršenja i odlomci

Da biste stvorili strukturirani tekst, trebate upotrijebiti prijelome redaka i odlomke. Ovo su oznake koje morate znati:

Ulazni:

Izlaz: Ova oznaka stvara prijelaz retka. Imajte na umu da je ovo još jedna oznaka koja objedinjuje početnu i završnu oznaku u jednu.

Ulazni:

Tekst unutar odlomka.

arena

Postoje u biti dvije vrste popisa: poredani i neuređeni popisi, poznatiji kao numerirani i označeni popisi. Da biste stvorili bilo koju, morate znati dvije različite oznake, ali samo tri. Pogledajmo najprije primjere:

Ulazni:

1. Predmet prvi


2. Stavak dva

Izlaz:

1. Predmet prvi
2. Stavak dva

Ulazni:

• Predmet prvi


• Stavak dva

Izlaz:

• Predmet prvi
• Stavak dva

Da biste stvorili naručeni popis, upotrijebite oznaku

a za neormirani popis umetnite
označiti. U oba slučaja
• oznaka koristi se za definiranje stavke na popisu.

  Sad kad ste vidjeli koliko je jednostavan i logičan HTML, možda ćete htjeti prijeći samu osnov i naučiti nešto više. Za više HTML savjeta potražite ove članke:

  • 5 koraka do razumijevanja osnovnog HTML koda 5 koraka do razumijevanja osnovnog HTML koda 5 koraka do razumijevanja osnovnog HTML koda HTML je okosnica svake web stranice. Ako ste početnik, neka vas provede kroz osnovne korake za razumijevanje HTML-a.
  • 5 HTML savjeta za izradu besplatne web stranice za brzo učitavanje 5 HTML savjeta za brzu učitavanje besplatne web stranice 5 HTML savjeta za izradu besplatne web stranice za brzo učitavanje
  • 7 cool HTML efekata koje svatko može dodati na svoju web stranicu. 7 Cool HTML efekata koje svatko može dodati na svoju web stranicu. 7 Cool HTML efekata koje svatko može dodati na svoju web stranicu. Ne očajavajte! Ne morate znati CSS ili PHP da biste stvorili fantastično mjesto. Neki dobri stari HTML i znanje kako kopirati i zalijepiti učinit će.

  Osjećate li se malo sigurnije u upotrebu HTML oznaka sada? Ako su vas prije toga redovito 'ručno šifrirali', koje oznake mislite da nedostaju?

  Krediti za slike: kentoh