abc HTML5 i CSS TUTORIAL

Izgled fonta u dokumentu /BODY FONT FAMILY/


Slika 1. Slika 1. Korištenje atributa - Interni CSS /INTERNAL CSS/

Izgled fonta u dokumentu /BODY FONT FAMILY/ Korištenje internog CSS-a se izvodi u oba dijela HTML fajla: Sintaksa:

  • HEAD dio: <style> TAG { font-family: "Naziv_fonta";}</style>
  • BODY dio: <BODY><TAG>Sadržaj</TAG> </BODY>

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

font-family - Atribut za ime fonta
naziv_fonta - Otkucati ime fonta (vidi iz tabele).


Slika 2. Izbled fonta /font-family/

Primjer 1. Izbora fonta dokumenta /BODY FONT FAMILY/.

R.br.

Sintaksa 

HTML5 kod

Ekran

1. Font: Impact

body { font-family: "Impact"; } <!DOCTYPE html>
<html>
<head><title>Izbor fonta dokumenta</title>
<style>
  body { font-family: "Impact"; }
</style>
</head>
<body>
<p>LAPSUS LINGUAE</p>
</body></html>

LAPSUS LINGUAE

2.Font:Comic Sans MS

body { font-family: "Comic Sans MS"; } <!DOCTYPE html>
<html>
<head><title>Izbor fonta dokumenta</title>
<style>
  body { font-family: "Comic Sans MS"; }
</style>
</head>
<body>
<p>Ko se o mlijeko opeče, taj i u jogurt duva.</p>
<p>Drugi paragraf je isto uređen</p>
</body></html>

Ko se o mlijeko opeče, taj i u jogurt duva.

Drugi paragraf je isto uređen

3. Font: Calibri

body { font-family: "Calibri"; } <!DOCTYPE html>
<html>
<head><title>Izbor fonta dokumenta</title>
<style>
  body { font-family: "Calibri"; }
</style>
</head>
<body>
<p>Ko rano rani, dvije sreće grabi.</p>
</body></html>

Ko rano rani, dvije sreće grabi.

4. Font: Tahoma

body { font-family: "Tahoma"; } <!DOCTYPE html>
<html>
<head><title>Izbor fonta dokumenta</title>
<style>
  body { font-family: "Tahoma"; }
</style>
</head>
<body>
<p>Ćutanje zlata vrijedi!</p>
<p>Drugi paragraf je isto uređen</p>
</body></html>

Ćutanje zlata vrijedi!

Drugi paragraf je isto uređen

Daljnji rad:
1. Font: Times New Roman; Ispisati rečenicu:
Po jutru se dan poznaje.

2. Font: Courier New; Ispisati rečenicu:
Bolje vrabac u ruci, nego golub na grani.

3. Font: Script; Ispisati rečenicu:
Dok živiš, dolikuje ti da se nadaš.

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