Μορφοποίηση μπλοκ

Παράγραφος
Κώδικας :
<p>Κείμενο στην πρώτη παράγραφο.</p><p>Κείμενο στη δεύτερη παράγραφο.</p>
Αποτέλεσμα :

Κείμενο στην πρώτη παράγραφο.

Κείμενο στη δεύτερη παράγραφο.

Γραμμή
Κώδικας :
<hr />
Αποτέλεσμα :

Απλή λίστα
Κώδικας :
<ul>
<li>Πρώτο στοιχείο λίστας</li>
<li>Δεύτερο στοιχείο λίστας</li>
<li>...</li>
<ul>
Αποτέλεσμα :
Αριθμημένη λίστα
Κώδικας :
<ol>
<li>Πρώτο στοιχείο λίστας</li>
<li>Δεύτερο στοιχείο λίστας</li>
<li>...</li>
<ol>
Αποτέλεσμα :
  1. Πρώτο στοιχείο λίστας
  2. Δεύτερο στοιχείο λίστας
  3. ...
Λίστα ορισμών
Κώδικας :
<dl>
<dt>Πρώτη λέξη που θα οριστεί</dt>
<dd>Ορισμός πρώτης λέξης</dd>
<dt>Δεύτερη λέξη που θα οριστεί</dt>
<dd>Ορισμός δεύτερης λέξης</dd>
</dl>
Αποτέλεσμα :
Πρώτη λέξη που θα οριστεί
Ορισμός πρώτης λέξης
Δεύτερη λέξη που θα οριστεί
Ορισμός δεύτερης λέξης
Πίνακες
Κώδικας :
 
<table>
<caption>Επικεφαλίδα πίνακα</caption>
<tr>
<th>Επ/λίδα πρώτης στήλης</th>
<th>Επ/λίδα δεύτερης στήλης</th>
</tr>
<tr>
<td>Γραμμή 1, στήλη 1</td>
<td>Γραμμή 1, στήλη 2</td>
</tr>
<tr>
<td>Γραμμή 2, στήλη 1</td>
<td>Γραμμή 2, στήλη 2</td>
</tr>
</table>
Αποτέλεσμα :
Επικεφαλίδα πίνακα
Επ/λίδα πρώτης στήλης Επ/λίδα δεύτερης στήλης
Γραμμή 1, στήλη 1 Γραμμή 1, στήλη 2
Γραμμή 2, στήλη 1 Γραμμή 2, στήλη 2
Υπότιτλος επιπέδου x
Κώδικας :
<hx>Τίτλος επιπέδου x </hx> (όπου x αριθμός από 3 ως 6)
Παράδειγμα :
<h5>Τίτλος επιπέδου 5</h5>
Τίτλος επιπέδου 5
Μορφοποιημένο κείμενο
Κώδικας :
<pre>
Αυτός ο κώδικας θα εμφανιστεί
ως έχει, με τις αλλαγές γραμμής
και τη στοίχιση του.
</pre>
Αποτέλεσμα :
Αυτός ο κώδικας θα εμφανιστεί
ώς έχει, με τις αλλαγές γραμμής
και τη στοίχιση του.
Παράθεση (ενότητα σε παράθεση)
Κώδικας :
<blockquote>
<p>Αυτό το κείμενο είναι σε παράθεση</p>
</blockquote>
Αποτέλεσμα :

Αυτό το κείμενο είναι σε παράθεση

Εμβόλιμη μορφοποίηση

Έντονη έμφαση (έντονα)
Κώδικας :
Αυτή είναι <strong>έντονη γραφή</strong>
Αποτέλεσμα :
Αυτή είναι έντονη γραφή
Απλή έμφαση (πλάγια)
Κώδικας :
Αυτή είναι <em>πλάγια γραφή</em>
Αποτέλεσμα :
Αυτή είναι πλάγια γραφή
Εξαναγκασμένη αλλαγή γραμμής
Κώδικας :
Αυτή είναι η πρώτη γραμμή <br />και αυτή είναι η δεύτερη γραμμή.
Αποτέλεσμα :
Αυτή είναι η πρώτη γραμμή
και αυτή είναι η δεύτερη γραμμή.
Δεσμός
Κώδικας :
Αυτός είναι ένας δεσμός προς τον <a href="http://pxsystem.sourceforge.net/"
title="Μετάβαση στον ιστότοπο Plume CMS" hreflang="en">ιστότοπο Plume CMS</a>.
Αποτέλεσμα :
Αυτός είναι ένας δεσμός προς τον ιστότοπο Plume CMS.
Σημείωση : Η ιδιότητα title περιέχει το κείμενο που θα εμφανίζεται στη συμβουλή εργαλείου που παρουσιάζεται όταν περνάει το ποντίκι πάνω από το δεσμό.
Εικόνες
Κώδικας :
<img src="http://pxsystem.sourceforge.net/media/img/logo.png"
alt="Λογότυπο του plume CMS" style="width: 100px; height: 45px;" />
Αποτέλεσμα :
Logo of plume CMS
Σημείωση : Η ιδιότητα alt περιέχει το εναλλακτικό κείμενο που θα παρουσιάζεται αν η εικόνα δεν μπορεί να εμφανιστεί.
Κώδικας
Κώδικας :
<code>var formatField = null;</code> : Αυτή είναι η JavaScript.
Αποτέλεσμα :
var formatField = null; : Αυτή είναι η JavaScript.
Παράθεση
Κώδικας :
<q>Να ζεί κανείς ή να μη ζεί...</q>
Αποτέλεσμα :
Να ζεί κανείς ή να μη ζεί...
Ακρώνυμα
Κώδικας :
<acronym title="Ποδοσφαιρική Ανώνυμη Εταιρία">ΠΑΕ</acronym>
Αποτέλεσμα :
ΠΑΕ