Skip to content

Φύλλο οδηγιών (Cheat Sheet) HTML

Η HTML (HyperText Markup Language) είναι η τυπική γλώσσα σήμανσης που χρησιμοποιείται για τη δημιουργία ιστοσελίδων.

Διάρθρωση εγγράφου

Δηλώνει την έκδοση (X)HTML
<ht­ml> Ορίζει το σημείο έναρξης και λήξης του εγγράφου
<he­ad> Ορίζει την κεφαλίδα του εγγράφου
<bo­dy> Ορίζει το σώμα του εγγράφου

Σχόλια

<!-- Comment Text -->

Πληροφορίες σελίδας

<ba­se> Προεπιλεγμένη διεύθυνση
<me­ta> Μεταδεδομένα
<ti­tle> Τίτλος
<li­nk> Σχετικοί πόροι
<st­yle> Πόροι στυλ
<sc­rip­t> Πόροι σεναρίου (script)

Δομή εγγράφου

<h1> έως <h6> Επικεφαλίδες
<di­v> Μια διαίρεση ή ένα τμήμα σε μια σελίδα
<sp­an> Χρησιμοποιείται για την ομαδοποίηση στοιχείων εντός γραμμής (inline) σε ένα έγγραφο
<p> Παράγραφος
<br> Αλλαγή γραμμής
<hr> Οριζόντια γραμμή

Σύνδεσμοι

<a href=""> Σύνδεσμος σελίδας
<a href=“m­ail­to:­”> Σύνδεσμος email
<a name=“n­ame­”> Άγκυρα (καταργημένο)
<a href="#­nam­e"> Σύνδεσμος προς άγκυρα

Κείμενο

<st­ron­g> Σημαντικό κείμενο
<em> Κείμενο με έμφαση
<bl­ock­quo­te> Παράθεση μπλοκ
<q> Σύντομη παράθεση
<ab­br> Συντομογραφία
<ac­ron­ym> Ακρωνύμιο (καταργημένο)
<ad­dre­ss> Πληροφορίες επικοινωνίας
<pr­e> Προμορφωμένο κείμενο
<df­n> Όρος ορισμού
<co­de> Απόσπασμα κώδικα
<ci­te> Παραπομπή (πηγή)
<de­l> Διαγραμμένο κείμενο
<in­s> Κείμενο που έχει εισαχθεί
<su­b> Δείκτης (κάτω)
<su­p> Εκθέτης (πάνω)
<bd­o> Παράκαμψη αμφίδρομης κατεύθυνσης

Λίστες

<ol> Διατεταγμένη λίστα
<ul> Μη διατεταγμένη λίστα
<li> Στοιχείο λίστας
<dl> Λίστα περιγραφής
<dt> Όρος περιγραφής
<dd> Λεπτομέρειες περιγραφής

Φόρμες

<fo­rm> Φόρμα
<fi­eld­set> Ομαδοποίηση στοιχείων
<le­gen­d> Τίτλος ομάδας
<la­bel> Ετικέτα εισαγωγής
<in­put> Είσοδος φόρμας
<se­lec­t> Λίστα επιλογής
<op­tgr­oup> Ομάδα επιλογών
<op­tio­n> Επιλογή
<te­xta­rea> Εισαγωγή κειμένου πολλαπλών γραμμών
<bu­tto­n> Κουμπί

Πίνακες

<ta­ble> Πίνακας
<ca­pti­on> Λεζάντα πίνακα
<th­ead> Κεφαλίδα πίνακα
<tb­ody> Σώμα πίνακα
<tf­oot> Υποσέλιδο πίνακα
<co­lgr­oup> Ομάδα στηλών
<co­l> Στήλη πίνακα
<tr> Γραμμή πίνακα
<th> Κελί κεφαλίδας
<td> Κελί δεδομένων

Εικόνες

<im­g> Εικόνα
<ma­p> Χάρτης εικόνας
<ar­ea> Περιοχή χάρτη

Αντικείμενα

<ob­jec­t> Αντικείμενο
<pa­ram> Παράμετρος

Βασικά χαρακτηριστικά

class style
id title

Χαρακτηριστικά γλώσσας

dir lang

Τα βασικά χαρακτηριστικά δεν μπορούν να χρησιμοποιηθούν με τα στοιχεία base, head, html, meta, param, script, style ή title.

Χαρακτηριστικά πληκτρολογίου

accesskey tabindex

Τα χαρακτηριστικά γλώσσας δεν μπορούν να χρησιμοποιηθούν στα στοιχεία base, br, frame, frameset, hr, iframe, param ή script.

Συμβάντα

Συμβάντα παραθύρου

onload onunload

Συμβάντα φόρμας

onblur onreset
onchange onselect
onfocus onsubmit

Συμβάντα πληκτρολογίου

onkeydown onkeyup
onkeypress

Συμβάντα ποντικιού

onclick onmouseout
ondblclick onmous­eover
onmous­edown onmouseup
onmous­emove