Jednostavni HTML kodovi koje možete naučiti za vrlo kratko vrijeme!

Iako su moderne internet stranice dizajnirane tako da imaju korisničko sučelje koje je “prijateljsko” korisniku, ne škodi poznavanje nekih osnova HTML-a.

Jednostavni HTML kodovi koje svi mogu znati i korsititi bez obzira da li ste programer ili samo održavate vašu web stranicu.

Ako nastavite čitati ovaj članak i ako naučite sve o čemu ćemo govoriti u nastavku, moći ćete kreirati vlastite web stranice za vrlo kratko vrijeme.

U nastavku ćete imati priliku vidjeti neke primjere HTML kodova. Ako ih želite sami testirati, samo kopirajte HTML primjere u svoj dokument.

Ova oznaka je potrebna za svaki HTML dokument i nalazi se na početku HTML-a. Zahvaljujući ovoj oznaci, internet pretraživač može čitati HTML dokumente, tj. HTML5.3, koji je najnovija verzija HTML-a.

Još jedna oznaka koja govori vašem Internet pretraživaču da pročita HTML dokument. Sama oznaka je napisana nakon oznake DOCTYPE i zatvorena je na kraju dokumenta sa . Sve ostalo unutar dokumenta, kodovi koje ćete napisati, nalazi se između oznaka i .

Ova oznaka počinje sekciju zaglavlja unutar dokumenta. Ovdje napisani sadržaj nije vidljiv na web stranici. Sadržaj koji se ovdje nalazi se zapravo odnosi na metapodatke koje koriste pretraživači, kao i informacije za internet pretraživač.

jednostavni html kodovi
Jednostavni HTML kodovi koje možete naučiti za vrlo kratko vrijeme!

Naslov na web stranici

Ova oznaka postavlja naslov web stranice. Sve što trebate ovdje je da postavite naslov unutar oznake i zatvorite je. Slijedite ovaj primjer:

Kao i oznaka title, meta oznaka se postavlja u zaglavlje web stranice. Meta-podatke uglavnom koriste pretraživači. Osim toga, oni pokazuju kakve podatke vaša web stranica prikazuje. Postoji nekoliko različitih tipova meta-podataka.

Evo primjera kako se ovo može primijeniti na web stranicu:

“Raspon tačke gledišta” ili “tačka gledišta” uvijek treba imati početno skaliranje postavljeno na 1,0, sa širinom koja će se prilagoditi dimenzijama ekrana uređaja na kojem se sadržaj gleda. Ovo će osigurati da se svaka web stranica prikazuje ispravno, bez obzira na rezoluciju ekrana uređaja.

Nakon što zatvorite odjeljak zaglavlja, dolazimo do tijela web stranice. Otvaramo odjeljak tijela sa i zatvaramo ga sa . Cijeli sadržaj web stranice nalazi se između oznaka i .

Ova oznaka označava zaglavlje prvog nivoa na web stranici. Ovo će obično biti naslov, što znači da će biti samo jedan

na svakoj web stranici.

Dok

označava naslov prve razine,

definira naslov drugog nivoa, kao što su zaglavlja,

podzaglavlja i tako dalje, sve do

. Svaki sljedeći nivo naslova je manji od prethodnog.

Oznaka fragmenta počinje novim fragmentom. Ovaj dio obično koristi prekid s dvije linije koda.

Na primjer, ako napišemo kod na sljedeći način:

Vaš prvi odlomak.

Vaš drugi odlomak.

Ovo će rezultirati ovim izgledom teksta:

Vaš prvi isječak.

Vaš drugi odlomak.

Oznaka prijeloma reda umeće jedan prijelom reda:

Prvi red koda.

Drugi red koda (nalazi se blizu prvog).

Ovo bi bilo prikazano na web stranici na sljedeći način:

Prvi red koda.

Drugi red koda (nalazi se blizu prvog).

Oznaka


se koristi u sličnu svrhu. Ako napišete

povući će vodoravnu liniju na web stranici, što je dobro ako na primjer želite odvojiti dijelove teksta.

Ova oznaka označava dio teksta koji je važniji od ostalih dijelova teksta. U suštini, ako napišemo kod , to znači da će određeni dio teksta biti podebljan. Evo kako to izgleda na primjeru:

Važne stvari koje želimo istaknuti.

Ovo će se pojaviti na vašoj web stranici na sljedeći način:

Važne stvari koje želimo da istaknemo.

Oznake i su povezane. Oznaka također označava tekst koji je naglašen, ali u ovom slučaju, ako stavimo oznaku , tekst neće biti podebljan već će biti u kurzivu.

jednostavni html kodovi
Jednostavni HTML kodovi

Primjer koda:

Označeni red koda.

Ovo bi bilo prikazano na web stranici na sljedeći način:

Označeni red koda.

Oznaka će vam omogućiti da umetnete veze na druge web stranice.

Ako želite da umetnete fotografiju unutar vaše web stranice, za to će vam trebati oznaka za umetanje fotografije. Obično se koristi zajedno sa funkcijom “srce”. Na primjer:

Ako ste ispravno uneli adresu fotografije, ona bi se trebala pojaviti na vašoj web stranici.

Kao što možete očekivati, atributi “height” i “width” određuju visinu i širinu slike. Općenito, dobra je ideja postaviti samo jedan od ovih za pravilno skaliranje slike. Ako koristite oba, možete završiti sa rastegnutom ili zgnječenom slikom.

Oznaka “alt” govori pretraživaču koji tekst da prikaže ako se slika ne može prikazati, i dobra je ideja uključiti je uz bilo koju sliku. Ako neko ima posebno sporu vezu ili stari pretraživač, još uvijek može dobiti ideju o tome što bi trebalo biti na vašoj stranici.

jednostavni html kodovi
Jednostavni HTML kodovi

Oznaka uređene liste vam omogućava da kreirate uređenu listu. Generalno, ovo znači da ćete dobiti numerisanu listu. Svaka stavka na listi treba oznaku stavke liste (

  1. ), tako da će vaša lista izgledati ovako:

     

  2. Prva stvar
  3.  

     

  4. Još jedna stvar
  5.  

     

  6. Treća stvar
  7.  

     

     

    Na web stranici to će izgledati ovako:

    1. Prva stvar
    2. Druga stvar
    3. Treća stvar

    Neuređena lista je daleko jednostavnija od uređene i numerisane liste. To je u suštini lista koja koristi grafičke oznake. Na primjer:

     

     

     

     

  8. Prvi predmet
  9.  

     

  10. Drugi predmet
  11.  

     

  12. Treći predmet

Kako bi vaša web stranica trebala izgledati:

  • Prvi predmet
  • Druga tema
  • Treći predmet

Kada kreirate web stranice, postoji mnogo puta kada ćete poželjeti koristiti redove i stupce za segmentiranje informacija na stranici. Potrebno je nekoliko oznaka da bi tabela radila. Evo primjera HTML koda sa tabelom:

1. stupac

2. kolona

Red 1, kolona 1

Red 1, kolona 2

Red 2, kolona 1

Red 2, kolona 2

Oznake i definiraju početak i kraj tabele. Oznaka sadrži sav sadržaj tabele.

Svaki red tabele je omeđen oznakom. Svaka ćelija unutar svakog reda je omotana oznakama za zaglavlja stupaca ili oznakama za podatke kolone. Potreban vam je jedan od ovih za svaku kolonu u svakom redu.


pcchip.hr

Preporuka

Koliko je koristan ovaj članak?

Kliknite na zvjezdicu da biste je ocijenili!

Prosječna ocjena / 5. Brojanje glasova:

Još uvijek nema glasova. Ocijenite prvi!

Pošto vam se svidio članak...

Podijelite ga s prijateljima!

Žao nam je što vam se nije svidio sadržaj. Možete li nam reći zašto?

Pomozite nam da unaprijedimo sadržaj!

Recite nam kako možemo unaprijediti ovaj sadržaj

DRUGI UPRAVO ČITAJU

Supported by TNT Grupacijaspot_img

ne propusti