abc HTML5 i CSS TUTORIAL

FONT stil /FONT STYLE - b = strong, i, em/


Slika 1. Tip TAG-a

Isticanje teksta /BOLD, ITALIC/    Sintaksa: <b>Tekst</b> | <strong>Tekst</strong> | <i>Tekst</i> | <em>Tekst</em>

Pri radu sa tekstom u HTML5 se može koristiti za isticanje BOLD i ITALIC. Oba ova TAG-a u sebi sadrže mogućnost naredbe SPAN tako da se mogu dodavati u naredbe <p> i <h1,h2,...,h6> i <div>.


Slika 2. FONT stil /FONT STYLE - b = strong, i, em/

Stilovi fonta su:
Sintaksa Opis Primjer Ekran
<b>tekst</b> masno     BOLD   b ili strong <b>Lijep dan</b> Lijep dan
<strong>tekst</strong> masno     BOLD   b ili strong <strong>Lijep dan</strong>

Lijep dan
<i>tekst</i> koso     ITALIC   <i> <i>Lijep dan</i> Lijep dan
<em>tekst</em> koso     EMPHASIZED TEXT    <em> <em>Lijep dan</emu>

Lijep dan

Primjer 1. Isticanje teksta korištenjem BOLD b.

<html>
<head>
<title>Masno-bold</title>
</head>
<body>
<p><b>Danas je lijep dan</b></p>
</body>
</html>		 Danas je lijep dan
 

Primjer 2. Isticanje teksta korištenjem strong.

<html>
<head>
<title>Masno-bold</title>
</head>
<body>
<p><strong>Danas je lijep dan</strong></p>
</body>
</html>		 Danas je lijep dan
 

Primjer 3. Isticanje teksta korištenjem Masno b i strong u istom dokumentu.

<html>
<head>
<title>Masno-bold</title>
</head>
<body>
<p><b>Danas je lijep dan</b></p>
<p><strong>Danas je lijep dan</strong></p>
</body>
</html>

Danas je lijep dan

Danas je lijep dan
 

Primjer 4. Isticanje teksta korištenjem Koso ITALIC i (<i>tekst</i>).

<html>
<head>
<title>Koso-ITALIC</title>
</head>
<body>
<p><i>Danas je lijep dan</i></p>
</body>
</html>		 Danas je lijep dan
 

Primjer 6. Isticanje teksta korištenjem Koso EMPHASIZED TEXT <em> (<em>tekst</em>).

<html>
<head>
<title>Koso-EMPHASIZED TEXT </title>
</head>
<body>
<p><u>Danas je lijep dan</u></p>
</body>
</html>		 Danas je lijep dan
 

Primjer 7. Isticanje teksta korištenjem Masno BOLD b & koso ITALIC i (<b>tekst</b>) .

<html>
<head>
<title>BOLD & ITALIC </title>
</head>
<body>
<p><b><i>Danas je lijep dan</i></b>
</body>
</html>		 Danas je lijep dan

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