Oct 29, 2023

HTML Head

<head> element u HTML-u je deo web stranice koji sadrži metapodatke i informacije o dokumentu, ali se ne prikazuje direktno na stranici. Ovaj element se koristi za postavljanje različitih informacija o web stranici, kao što su naslov, karakterna šifra, veze ka spoljnim resursima i druge metapodaci. Evo objašnjenja i primera <head> elementa:

Objašnjenje:

  • Naslov stranice (title): <title> oznaka u <head> se koristi za postavljanje naslova stranice koji se prikazuje u traci za naslov web pregledača. Naslov je važan jer pomaže korisnicima da identifikuju sadržaj stranice i poboljšava SEO (optimizaciju za pretraživače).
  • Karakterna šifra (character set): <meta charset="UTF-8"> oznaka se koristi za definisanje karakterne šifre koja se koristi na stranici. UTF-8 karakterna šifra je često preporučena jer podržava mnoge jezike i karaktere.
  • Veze ka spoljnim resursima: <link> oznake se koriste za povezivanje sa spoljnim resursima kao što su CSS fajlovi (za stilizaciju), ikone (favicon), i drugi resursi. Takođe, <script> oznake se koriste za uključivanje JavaScript fajlova.


Primeri:

<!DOCTYPE html>

<html>

<head>

    <title>Primer Head Elementa</title>

    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="styles/main.css">

    <link rel="icon" href="favicon.ico" type="image/x-icon">

</head>

<body>

    <h1>Dobrodošli na moju web stranicu</h1>

    <p>Ovo je primer korišćenja &lt;head&gt; elementa.</p>

</body>

</html>

U ovom primeru, <head> element sadrži naslov stranice ("Primer Head Elementa"), karakternu šifru (UTF-8), i veze ka spoljnim resursima (CSS fajl i favicon ikona). Ovi metapodaci pomažu web pregledačima i pretraživačima da razumeju i obrade stranicu na odgovarajući način.

u No comments:
Labels:

HTML Putanje do fajlova

HTML putanje do fajlova (File Paths) se koriste da biste naveli putanju do resursa kao što su slike, stilovi (CSS), JavaScript fajlovi i druge datoteke koje se koriste na web stranici. Postoje dve osnovne vrste HTML putanja: apsolutne (absolute file paths) i relativne (relative file paths).

Apsolutne putanje (Absolute File Paths): Apsolutne putanje počinju od korenskog direktorijuma ili URL-a. One precizno određuju lokaciju resursa nezavisno od trenutnog direktorijuma u kojem se nalazi HTML fajl. Na primer:

Apsolutna putanja za URL adrese: https://www.example.com/images/pic.jpg

Apsolutna putanja za direktorijume na serveru: /images/pic.jpg

Apsolutna putanja za lokalne fajlove: C:/Users/User/Documents/myfile.txt

Relativne putanje (Relative File Paths): Relativne putanje počinju od trenutnog direktorijuma i koriste se za navigaciju do resursa u odnosu na trenutni HTML fajl. Postoje različite vrste relativnih putanja:


Relativna putanja do istog direktorijuma: pic.jpg (nema predstava direktorijuma, pa se pretpostavlja da je u istom direktorijumu kao HTML fajl).

Relativna putanja do poddirektorijuma: images/pic.jpg (slika se nalazi u poddirektorijumu "images" u odnosu na trenutni direktorijum).

Relativna putanja za prelazak na nadređeni direktorijum: ../pic.jpg (prikazuje sliku u direktorijumu iznad trenutnog).

Primer relativnih putanja:

<!DOCTYPE html>

<html>

<head>

    <title>Primer HTML Putanja</title>

    <link rel="stylesheet" type="text/css" href="styles/main.css">

</head>

<body>

    <h1>Slika iz istog direktorijuma</h1>

    <img src="pic.jpg" alt="Slika">


    <h2>Slika iz poddirektorijuma</h2>

    <img src="images/pic.jpg" alt="Slika u poddirektorijumu">


    <h3>Slika iz nadređenog direktorijuma</h3>

    <img src="../pic.jpg" alt="Slika iznad trenutnog direktorijuma">

</body>

</html>

Ovi primeri ilustruju kako se koriste relativne putanje za uključivanje slika i stilova na web stranici. Relativne putanje su često praktičnije jer omogućavaju da se lakše premeste ili prenesu celokupne web stranice na različite lokacije, dok apsolutne putanje zavise od specifičnih adresa i direktorijuma.

u No comments:
Labels:

HTML JavaScript

JavaScript se koristi za dodavanje dinamičkog ponašanja na web stranici. Na primer, možete koristiti JavaScript za validaciju forme, animaciju, interaktivne elemente i još mnogo toga. Evo osnovnog primera koji koristi JavaScript za prikaz poruke korisniku:

<!DOCTYPE html>

<html>

<head>

    <title>Moj Prvi HTML i JavaScript Primer</title>

</head>

<body>

    <h1>Kliknite na dugme</h1>

    <button id="mojeDugme">Klikni me</button>

    <p id="poruka"></p>


    <script>

        // JavaScript kod

        document.getElementById("mojeDugme").addEventListener("click", function() {

            document.getElementById("poruka").innerText = "Hvala što ste kliknuli!";

        });

    </script>

</body>

</html>

U ovom primeru, JavaScript se koristi da dodamo "slušalac događaja" na dugme. Kada korisnik klikne na dugme, JavaScript reaguje i menja sadržaj paraagrafa sa ID-om "poruka".

Kada kombinujete HTML i JavaScript, možete stvoriti interaktivne i dinamičke web stranice koje omogućavaju korisnicima da komuniciraju sa sadržajem i pruže bogato korisničko iskustvo.

u No comments:
Labels:
Subscribe to: Posts (Atom)