abc HTML5 i CSS TUTORIAL

Eksponent i indeks /SUPERSCRIPT, SUBSCRIPT/ <sup>, <sub>


Slika 1. Tip TAG-a

Eksponent i indeks /SUPERSCRIPT, SUBSCRIPT/    Sintaksa: <sup>Tekst</sup> | <sub>Tekst</sub>

Pri radu sa tekstom u HTML5 se može koristiti eksponent i indeks. Mogu se dodati u naredbe <p> i <h1,h2,...,h6> i <div>.


Slika 2. Eksponent i indeks /SUPERSCRIPT, SUBSCRIPT/ <sup>, <sub>

Asocijacija

Naredba

Ispis na ekranu

SUPerman		 <p>Normalan<sup>Eksponent</sup>tekst</p>

NormalanEksponenttekst

SUBway		 <p>Normalan<sub>Indeks</sub>tekst</p> NormalanIndekstekst

Primjer 1. Napisati kod za H2SO4.

<html>
<head>
<title>Indeks</title>
</head>
<body>
<p>H<sub>2</sub>SO<sub>4</sub></p>
</body>
</html>

H2SO4
 

Primjer 2. Napisati kod za H2O.

<html>
<head>
<title>Indeks</title>
</head>
<body>
<p>H<sub>2</sub>O</p>
</body>
</html>

H2O
 

Primjer 3. Napisati kod za x2.

<html>
<head>
<title>Eksponent</title>
</head>
<body>
<p>x<sup>2</sup></p>
</body>
</html>

x2
 

Primjer 4. Napisati kod za ex.

<html>
<head>
<title>Eksponent</title>
</head>
<body>
<p>e<sup>x</sup></p>
</body>
</html>

ex
 

Primjer 5. Napisati kod za Teksteksponentindeks.

<html>
<head>
<title>Eksponent</title>
</head>
<body>
<p>Tekst<sup>eksponent</sup><sub>indeks</sub></p>
</body>
</html>

Teksteksponentindeks

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