HTML brzi i prljavi tutorijal

HTML5 je markering jezik koji se koristi za pisanje stranica koje se pojavljuju na webu. Slijedi pravila koja vam se možda na prvi pogled ne vide. Međutim, u HTML5-u postoji samo nekoliko stvari koje trebate znati kako biste započeli pisanje HTML dokumenta, koji možete uraditi u bilo kojem programu za obradu teksta.

Otvaranje i zatvaranje oznaka

Uz samo nekoliko izuzetaka, sve instrukcije nazvane oznake-dolaze u parovima. Otvara se i zatvaraju HTML5. Bilo šta između oznake otvaranja i oznake za zatvaranje prati instrukcije date od strane otvaranja oznake. Jedina razlika u kodiranju je dodavanje slijepih pošiljaka u završnoj oznaci. Na primjer:

Headline ide ovde

Dve oznake označavaju da se svi sadržaji između njih trebaju pojaviti u veličini naslova h1. Ako zaboravite da dodate zatvorenu oznaku, sve što sledi otvarajuću oznaku će se pojaviti u naslovnoj veličini h1.

Osnovni tagovi u HTML5

Osnovni elementi potrebni za HTML5 dokument su:

Deklaracija doctipa nije oznaka. Kaže kompjuteru da HTML5 dolazi na njega. Ona ide na vrh svake HTML5 stranice i uzima ovaj oblik:

Oznaka HTML govori računaru da sve što se pojavljuje između oznake za otvaranje i zatvaranje prati pravila HTML5 i treba ga tumačiti u skladu s tim pravilima. Unutar oznake, obično ćete pronaći oznaku i oznaku.

Ovi oznaci obezbeđuju strukturu za vaš dokument, daju pregledačima nešto poznato za korišćenje i ako ikada prebacujete dokumente na XHTML, one su potrebne u toj verziji jezika.

Oznaka glave je važna za SEO ili optimizaciju pretraživača. Pisanje dobre oznake naslova je najvažnija stvar koju možete učiniti kako biste privukli čitaoce na vašu stranicu. Na stranici se ne prikazuje, ali prikazuje se na vrhu pretraživača. Kada napišete naslov, koristite ključne reči koje se odnose na stranicu, ali ih držite čitljive. Naslov se nalazi unutar oznaka za otvaranje i zatvaranje.

Oznaka tela sadrži sve što vidite na ekranu računara kada otvorite web stranicu. Skoro sve što pišete za web stranicu se pojavljuje između oznaka za otvaranje i zatvaranje. Postavite ove osnove sve zajedno i imate:

Tvoja naslovna glava ide ovde. Sve na web stranici ide ovde. Imajte na umu da svaka oznaka ima odgovarajuću oznaku za zatvaranje.

Heading Tags

Oznake naslova određuju relativnu veličinu teksta na web stranici. Oznake h1 su najveće, praćene veličinom pomoću oznaka h2, h3, h4, h5 i h6. Koristite ih kako biste neke od tekstova na web stranici izdvojili kao naslov ili podnaslov. Bez oznaka, ceo tekst se pojavljuje u istoj veličini. Naslovne oznake se koriste ovako:

Subhead ide ovde

To je to. Možete postaviti i pisati web stranicu koja se sastoji od teksta sa naslovima i podnaslovima.

Nakon što vežbate s ovim, želećete naučiti kako dodati slike i kako unositi veze na druge web stranice. HTML5 je sposoban za mnogo više od ovih kratkih osnovnih uvodnih pokrivača.