<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <div>
Ορισμός και χρήση
Η ετικέτα <div> ορίζει ένα τμήμα στο HTML έγγραφο. Ένα τμήμα ομαδοποιεί τα περιεχόμενα που είναι μέσα στις ετικέτες <div>...</div> ώστε να μπορούμε να ορίζουμε ένα ενιαίο στυλ (χρώμα, γραμματοσειρά, στοίχιση) με την ιδιότητα style.

Η ετικέτα <div> χρησιμοποιείται πάρα πολύ συχνά στην HTML.

Πριν και μετά το τμήμα div ο browser αφήνει μια γραμμή κενή

Ετικέτα τέλους: </div>
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
Το παρακάτω κείμενο βρίσκεται μέσα σε τμήμα:
<div style="color:#FF0000;">
<h4>Αυτή είναι μια επικεφαλίδα μέσα στο τμήμα div</h4>
<p>Αυτή είναι μια παράγραφο μέσα στο τμήμα div</p>
</div>
Το παρακάτω κείμενο βρίσκεται μέσα σε τμήμα:

Αυτή είναι μια επικεφαλίδα μέσα στο τμήμα div

Αυτή είναι μια παράγραφο μέσα στο τμήμα div

Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Η ιδιότητα align δεν συμπεριλαμβάνεται στην HTML5. Μπορούμε να ορίσουμε στοίχιση του κειμένου μέσα στο div με χρήση CSS στυλ
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
align left
right
top
bottom
Ορίζει την στοίχιση των περιεχόμενων του τμήμα <div>
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <div> υποστηρίζει τις standard ιδιότητες της HTML5. Μπορούμε να ορίσουμε στοίχηση του κειμένου μέσα στο div με CSS
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <div> υποστηρίζει τις ιδιότητες events της HTML5
Δοκίμασε το
Τμήμα div
Πώς να δημιουργήσουμε τμήματα <div>