HTML – Osnove 1

Struktura HTML stranice

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

A sada da razložimo primer na pojedinačne komponente.

  • <!DOCTYPE html> dekleracija  definiše dokument kao HTML5.
  • <html> element je glavni(root) element HTML stranice.
  • <head> element sadrži meta informacije o dokumentu.
  • <title> element definiše naslov dokumenta.
  • <body> element sadrži vidljivi sadržaj stranice.
  • <h1> element definiše glavni naslov teksta.
  • <p> element definiše paragraf.

HTML tagovi

  • Tagovi se pišu unutar oznaka “<” i “>” (bez znakova navoda) npr: <html>, </html>.
  • Dodatna opcija omogućava da se obeleži komentar u HTML-obeleženom tekstu koji se neće videti u vizuelizaciji dokumenta.
    • <!-- Komentar -->

HTML naslovi

  • Definišu se sa tagovima <h1>, <h2>, <h3>, <h4>, <h5> i <h6>.
  • H1  definiše najvažniji naslov, dok h6 definiše najmanje bitan naslov.

<h1>Ovo je h1</h1>
<h2>Ovo je h2</h2>
<h3>Ovo je h3</h3>

HTML paragrafi

  • Paragrafis se definišu sa <p> tagom.
<p>Prvi paragraf.</p>
<p>Drugi paragraf.</p>

HTML linkovi

  • Linkovi se definišu sa <a> tagom koji ima href parametar.
<a href="https://ITRadionica.com">Ovo je link</a>

HTML slike

HTML5 Baner

  • Slike se definišu sa <img> tagom koji ima sledeće parametre:
    • src – skraćeno od source definiše poreklo/lokaciju slike.
    • alt – skraćeno od alternativ definiše alternativni tekst ukoliko slika nije dostupna.
    • width, height – definišu širinu i visinu slike u pikselima ili procentima.
<img src="https://itradionica.com/slike/html5-baner.jpg" alt="HTML5 Baner" width="600" height="200">

>> HTML – Osnove 2

Posted by Slobodan

Leave a Reply