UVLAČENJE TEKSTA     BLOCKQUOTE (<blockquote>tekst</blockquote>)

Ovo je još jedan oblik uređenja teksta uvlačenjem. Početni tag je <blockquote> a završava sa </blockquote> tagom. Tekst unutar ovih tagova se uvlači.
Primjer 1 Uvlačeni tekst
<blockquote>
uvučeni tekst
</blockquote>
uvučeni tekst

Primjer 2  Prva rečenica je od početka, a druga uvučena. 
<p>Tekst koji nije uvučen</p>
<blockquote>
tekst koji je uvučen
</blockquote>		 Tekst koji nije uvučen
tekst koji je uvučen

Primjer 3  Dopušteno je da jedan bude <blockquote> tab unutar drugog para <blockquote> tabova.
<html>
<head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
<blockquote>
još jedno pomjeranje
</blockquote>
</blockquote>
</body></html>		 Tekst nije uvučen
tekst koji je uvučen
još jedno pomjeranje
 

Primjer 4  Paragraf <p> unutar </blockquote>
<html>
 <head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
<p>ovaj dio je kao prethodni red</p>
<blockquote>
još jedno pomjeranje
</blockquote>
</blockquote>
</body></html>		 Tekst nije uvučen
tekst koji je uvučen

ovaj dio je kao prethodni red

još jedno pomjeranje

 

 

Primjer 5  Nova linija <br> unutar </blockquote>
<html>
 <head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen</br>
nova linija ista kao prethodni red
<blockquote>
još jedno pomjeranje
</blockquote>
</blockquote>
</body></html>

Tekst nije uvučen

tekst koji je uvučen
nova linija ista kao prethodni red
još jedno pomjeranje
 

Primjer 6  Numerisana lista <ol> unutar </blockquote>
<html>
<head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
 <OL>
<LI>jedan
<LI>dva
<LI>tri
</OL>
</blockquote>
</body></html>		 Tekst nije uvučen
tekst koji je uvučen
  1. jedan
  2. dva
  3. tri
 

Primjer 7 Nenumerisana lista <ul> unutar </blockquote>
<html>
<head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
 <UL>
<LI>jedan
<LI>dva
<LI>tri
</OL>
</blockquote>
</body></html>

Tekst nije uvučen

tekst koji je uvučen
  • jedan
  • dva
  • tri
 

Primjer 8 Neuvučena lista <DT> unutar </blockquote>
<html>
<head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
 <DL>
<DT>nije
<DT>uvučen
<DT>tekst sa DT
</DL>
</blockquote>
</body></html>		 Tekst nije uvučen
tekst koji je uvučen
nije
uvučen
tekst sa DT
 

Primjer 9 Uvučena lista <DD> unutar </blockquote> 
<html>
<head><title>Uvlačenje teksta</title></head>
<body>
<p>Tekst nije uvučen</p>
<blockquote>
tekst koji je uvučen
 <DL>
<DD>tekst je
<DD>uvučen 
<DD>zbog DD
</DL>
</blockquote>
</body></html>		 Tekst nije uvučen
tekst koji je uvučen
tekst je
uvučen
zbog DD
 

Daljnji rad: Napisati html kod:

  1. sa izradom rječnika 
  2. sa uvlačenjem 3 nivoa.

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

Znanje.org

<< nazad