abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Zaglavlje i podnožje /HEADER & FOOTER/


Sllika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Zaglavlje i podnožje /HEADER & FOOTER/
  Sintaksa:   <TAG style="

Oznake:
TAG - p | h1 | h2 | h3 | h4 | h5 | h6 | BODY | DIV - TAG može da primi jednu od navedenih vrijednosti
p paragraf /PARAGRAPH/
h1 | h2 | h3 | h4 | h5 | h6 - zaglalje teksta /HEADINGS/
BODY - Tekst u cijelom dokumentu
DIV - Tekst u cijeloj DIV sekciji

margin - Atribut za veličinu fonta za cijeli dokument
Pojedinačne margine:
margin-top: Margina vrha;
margin-right: - Desna margina;
margin-bottom: Margina dna;
margin-left: Lijeva margina;
Vrijednost - Brojna vrijednost u pikselima (px).


Slika 2. Zaglavlje i podnožje /HEADER & FOOTER/

Primjer 1. Margine veličine 5 px oko paragrafa. Radi boljeg pregleda korišten je i atribut border ( border: 1px solid black; ).

HTML5 kod

Ekran
<!DOCTYPE html>
<html>
<head> <title>Margine - Bjelina oko teksta</title>
</head>
<body>
<header>
<span style="color:grey; font-style:italic;">Iznad naslova</span>
<hr>
</header>
<p>Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina.</p>
<p style="margin: 5px;" >Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta.</p>
<p style="margin: 35px;" >Margine 35 piksela oko teksta. Margine 35 piksela oko teksta. Margine 35 piksela oko teksta. Margine 35 piksela oko teksta. </p>
<footer>
<hr>
<span style="color:grey; font-style:italic;">Ispod teksta </span>
</footer>
</body>
</html>
Iznad naslova

Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina. Tekst bez margina.

Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta. Margine 5 piksela oko teksta.

Margine 35 piksela oko teksta. Margine 35 piksela oko teksta. Margine 35 piksela oko teksta. Margine 35 piksela oko teksta.

Ispod teksta

Primjer 2.

Daljnji rad 1. Za slijedeće rečeneice dodati zaglavlje /HEADER/ Naroden poslovice i podnožje /FOOTER/ Vlastiti izbor.
Rečenice: Bolje je s mudrim plakati, nego sa budalom pjevati.
Ko laže za tebe, lagaće i protiv tebe.
Ko želi da pjeva, uvijek će naći pjesmu.

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