Kako stvoriti osnovnu HTML datoteku za web stranicu?

od

Ovo morate znati: Kako kreirati svoju prvu HTML stranicu za samo 5 minuta!

HTML (HyperText Markup Language) je osnova svake web stranice. Ako želite zakoračiti u svijet web razvoja, stvaranje osnovne HTML datoteke je prvi korak koji trebate savladati. U ovom članku ćemo vas naučiti kako to možete napraviti brzo i jednostavno.

Što je HTML i zašto je važan?

HTML je standardni označiteljski jezik za stvaranje web stranica. Sastavljen je od serije elemenata koji web preglednicima govore kako prikazati sadržaj. Misli na HTML kao kostur Vaše web stranice – daje strukturu i oblik, ali još nije spreman za modnu pistu.

Korak 1: Otvorite tekstualni editor

Da biste stvorili HTML datoteku, ne trebate nikakav specijaliziran softver – dovoljan je osnovni tekstualni editor kao što je Notepad (Bilježnica) na Windowsima ili TextEdit na macOSu. Međutim, za praktičnije funkcioniranje preporučujemo korištenje editora koji je prilagođen za kodiranje poput Sublime Texta, Notepada++ ili Visual Studio Codea.

Korak 2: Pišemo osnovni HTML okvir

Unesite sljedeći kod u vaš tekstualni editor:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Naslov vaše web stranice</title>
</head>
<body>

<!– Vaš sadržaj ide ovdje –>

</body>
</html>

U kojem:

  • <!DOCTYPE html> definira da je dokument HTML5.
  • <html lang="en"> označava početak HTML dokumenta i postavlja jezik na engleski (promijenite prema vašim potrebama).
  • <head> sadrži metapodatke, stilove i druge informacije koje neće biti prikazane na web stranici.
  • <meta charset="UTF-8"> postavlja karakternu shemu na UTF-8 (Unicode).
  • <meta name="viewport" content="width=device-width, initial-scale=1.0"> koristi se za pravilno prikazivanje na mobilnim uređajima.
  • <title> postavlja naslov vaše web stranice.

Unuatr oznaka <body> upišite svoj tekst ka naprimjer:

<h1>Dobrodošli na moju web stranicu!</h1>
<p>Ovo je osnovna HTML stranica.</p>

u kojem:

  • <h1> označava naslov prvog reda.
  • <p> označava odlomak.

Korak 3: Spremite i pregledajte datoteku

Sada kada ste unijeli osnovni HTML u tekstualni editor, potrebno je spremiti tu datoteku. Idite na “File” > “Save As”, odaberite mjesto gdje želite pohraniti datoteku, upišite ime datoteke završavajući sa `.html` (na primjer `index.html`) i kliknite “Save”.

Otvorite spremljenu HTML datoteku u vašem web pregledniku dvostrukim klikom na nju. Vidjet ćete vašu prvu web stranicu u akciji!

Korak 4: Personalizirajte svoju stranicu

Sada kada imate osnovni kostur, vrijeme je da personalizirate svoju stranicu. Možete dodavati različite elemente poput slika, listi, linkova, tablica, i još mnogo toga. Svaki novi element koji dodate treba biti unutar “ taga.

Zaključak: Prvi koraci u HTML svijetu

Čestitamo, upravo ste stvorili svoju prvu HTML web stranicu! Ovo je prvi korak u razumijevanju kako web funkcionira iza kulisa. Prakticirajte dodavanjem novih HTML elemenata i eksperimentirajte s dizajnom. S vremenom ćete biti spremni za učenje CSS-a i JavaScripta, koji će vašoj stranici dodati stil i interaktivnost.

Sretno u vašem putovanju razvoja web stranica!

Komentiraj