abc HTML5 i CSS TUTORIAL

Minimalan HTML5 dokument /MINIMUM HTML5 DOCUMENT/



Minimalan HTML5 dokument:

<!DOCTYPE html>
<html>
<head>
<title>Naslov dokumenta</title>
</head>
<body>

</body>
</html>

Najmanji HTML dokument

Svaki HTML dokument mora sadrži određene HTML tagove.
Na početku dokumenta mora biti deklaracija <!DOCTYPE html>. Deklaracija nije HTML tag, već predstavlja oznaku koja web čitaču kaže u kojoj verziji je napisana data HTML stranica, kako bi čitač korektno prikazao datu stranicu. Deklaracija <!DOCTYPE html>. ukazuje čitaču /BROWSER/ da je stranica u html5 standardu.

Poslije deklaracije navodi se tag <html>,a dokument se mora završiti sa tagom </html>.
Ostali dio dokumenta se sastoji od dva dijela:

  • HEAD - zaglavlje (počinje sa <head> a završava sa </head>). TAG-ovi i tekst ovog dijela ne prikazuju se direktno na stranici.
  • BODY - tijelo (počinje sa <body> a završava sa </body>). Sadržaj ovog dijela prikazuju se prozodu BROWSER-a.

HEAD - zaglavlje sadrži obavezno TITLE - naslov (počinje sa <title> a završava sa </title>).

HEAD - zaglavlje sadrži obavezno TITLE - naslov dokumenta (počinje sa <title> a završava sa </title>). Takođe, sadrži i meta zadaje metainformacije o dokumentu. Najveći broj metainformacija se zadaje u obliku para atributa name="..." i content="...". Postavljanje meta tagova je jedan od najvažnijih koraka koje morate napraviti kako biste se uspješno prijavili na pretraživače. Meta tag je HTML kod koji pruža podatke o web stranici – ko je kreirao, koliko često se ažurira, o čemu se radi u njoj, i koje su to ključne riječi koje predstavljaju sadržaj stranice. Mnogi pretraživači se služe meta tagovima kako bi uspješno ocjenili sajt. U sledećoj tabeli dat je spisak nekih metainformacija i primjer njihovog korišćenja.

language <meta name = "language" content = "sr">
author <meta name = "author" content = "Jelena i Željko">
keywords <meta name = "keywords" lang = "sr" content = "html, uvit">
description <meta name = "description" content = "Primjer HTML datoteke">
generator <meta name = "generator" content = "Visual Studio Code">

HEAD TAGOVI

  • title - Definiše naslov stranice
  • meta - Sadrži osnovne informacije o stranici (ključne reči, opis i sl.)
  • link - Povezuje stranicu sa drugim dokumentima (CSS fajl, fav ikonica)
  • script - Sadrži (ili povezuje sa fajlom koji sadrži) skripte koje se izvršavaju na klijentskoj strani
  • style - Sadrži stilove koji opisuju izgled HTML elemenata
  • base - Definiše podrazumjevanu adresu ili podrazumjevano odredište za sve linkove na stranici.

BODY - tijelo sadrži stvarni tekst koji čini paragrafe, liste, kao i ostale elemente.  U okviru tijela dokumenta ne želimo da smještamo metainformacije, već strukturu samog HTML dokumenta.

HTML elementi su napisani sa početnim TAG-om i završnim TAG-om.
TAG počinje sa znakom < a završava sa znakom >.

HTML omogućava i pisanje komentara u okviru stranice. Tag koji se koristi je
 <!-- -- >
Primjer komentara:
<!--
Komentar koji navodi autor.
-- >

Dijelovi HTML dokumenta su:

  • HEAD
  • BODY

Nevidljivi sadržaj - nalazi se u HEAD dijelu.

Vidljivi sadržaj - nalazi se u BODY dijelu.

Radi jednostavni koda priručnik ne sadrži kod enkripcije koji u HTML5 ima izgled:
<meta charset="UTF-8">

Rezime
Zahtjvani elementi HTML dokumenta su : <html>, <head>, <title> i <body> tagovi i njihovi odgovrajući završni tagovi. Možete formirati prazan fajl koji sadrži samo ove dijelove.

Neki čitači (BROWSERS) će prikazati korektno HTML dokument i bez ovih tagova, a neki ne. Zato je neophodno da ih uvijek navedete.

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index