Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 1 (H1)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 2 (H2)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 3 (H3)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 4 (H4)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 5 (H5)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Επικεφαλίδα 6 (H6)

Αυτό το τελευταίο δεν έχει ύψος μεγαλύτερο από ένα πόδι και πλάτος περίπου επτά βήματα, μια απλή επίπεδη κορυφή ενός γκρίζου βράχου που καπνίζει σαν καυτή στάχτη μετά από ένα ντους, και όπου κανείς άντρας δεν θα ήθελε να τολμήσει να περπατήσει γυμνή πέλμα πριν από το ηλιοβασίλεμα. Στη Μικρή Ισαβέλλα, ένας παλιός, κουρελιασμένος φοίνικας, με έναν παχύ, εξογκωμένο κορμό, τραχύ με αγκάθια, μια πραγματική μάγισσα ανάμεσα σε φοίνικες, θροΐζει ένα θλιβερό μάτσο από ξερά φύλλα πάνω από την χοντρή άμμο.

Αποσπάσματα σε μπλοκ

Απόσπασμα σε μία γραμμή:

Μείνε πεινασμένος. Μείνε ανόητος.

Παράθεση πολλαπλών γραμμών με αναφορά παραπομπής:

Ο HTML

Στοιχείο (ή Στοιχείο προσφοράς μπλοκ HTML) υποδεικνύει ότι το συνημμένο κείμενο είναι μια εκτεταμένη παράθεση. Συνήθως, αυτό αποδίδεται οπτικά με εσοχή (βλ. Σημειώσεις για το πώς να το αλλάξετε). Μπορείτε να δώσετε μια διεύθυνση URL για την πηγή της παράθεσης χρησιμοποιώντας το αναφέρω χαρακτηριστικό, ενώ μια κειμενική αναπαράσταση της πηγής μπορεί να δοθεί χρησιμοποιώντας το στοιχείο.

πολλαπλοί συνεισφέροντες – αναφορά στοιχείου HTML MDN – blockquote

Τραπέζια

John Doe	$1	Επειδή αυτό ήταν όλο που χρειαζόταν ο Στιβ Τζομπς για έναν μισθό.
Τζέιν Ντο	$100K	Για όλα τα blogging που κάνει.
Φρεντ Μπλογκς	$100M	Οι εικόνες αξίζουν όσο χίλιες λέξεις, σωστά; Λοιπόν, Τζέιν x 1.000.
Τζέιν Μπλογκς	$100B	Με τέτοια μαλλιά;! Αρκετά ειπωμένα...

Λίστες ορισμών

Τίτλος λίστας ορισμών Ορισμός λίστας διαίρεση. Νεοφυής επιχείρηση Μια νεοφυής εταιρεία ή νεοσύστατη επιχείρηση είναι μια εταιρεία ή ένας προσωρινός οργανισμός που έχει σχεδιαστεί για να αναζητά ένα επαναλήψιμο και κλιμακωτό επιχειρηματικό μοντέλο. #dowork Επινοήθηκε από τον Rob Dyrdek και τον προσωπικό του σωματοφύλακα Christopher "Big Black" Boykins, το "Do Work" λειτουργεί ως αυτοκίνητρο, για να παρακινήσει τους φίλους σας. Do It Live Θα αφήσω τον Bill O'Reilly να το κάνει εξηγώ αυτό.

Μη ταξινομημένες λίστες (ενσωματωμένες)

• Στοιχείο λίστας ένα
  • Στοιχείο λίστας ένα
    • Στοιχείο λίστας ένα
    • Στοιχείο λίστας δύο
    • Στοιχείο λίστας τρία
    • Στοιχείο λίστας τέσσερα
  • Στοιχείο λίστας δύο
  • Στοιχείο λίστας τρία
  • Στοιχείο λίστας τέσσερα
• Στοιχείο λίστας δύο
• Στοιχείο λίστας τρία
• Στοιχείο λίστας τέσσερα

Ταξινομημένη λίστα (ένθετη)

1. Στοιχείο λίστας ένα - έναρξη στις 8
   1. Στοιχείο λίστας ένα
      1. Στοιχείο λίστας με ένα -αντεστραμμένο χαρακτηριστικό
      2. Στοιχείο λίστας δύο
      3. Στοιχείο λίστας τρία
      4. Στοιχείο λίστας τέσσερα
   2. Στοιχείο λίστας δύο
   3. Στοιχείο λίστας τρία
   4. Στοιχείο λίστας τέσσερα
2. Στοιχείο λίστας δύο
3. Στοιχείο λίστας τρία
4. Στοιχείο λίστας τέσσερα

Ετικέτες HTML

Αυτές οι υποστηριζόμενες ετικέτες προέρχονται από τον κώδικα του WordPress.com Συχνές ερωτήσεις.

Ετικέτα διεύθυνσης 1 Άπειρος Βρόχος
Κουπερτίνο, Καλιφόρνια 95014
Ηνωμένες Πολιτείες

Ετικέτα αγκύρωσης (γνωστή και ως Σύνδεσμος)

Αυτό είναι ένα παράδειγμα ενός σύνδεσμος.

Ετικέτα συντομογραφίας

Η συντομογραφία σοβαρά σημαίνει «σοβαρά».

Ετικέτα ακρωνυμίου (έχει καταργηθεί στην HTML5)

Το ακρωνύμιο ftw σημαίνει «για τη νίκη».

Μεγάλη ετικέτα (έχει καταργηθεί στην HTML5)

Αυτές οι δοκιμές είναι σημαντικές, αλλά αυτή η ετικέτα δεν υποστηρίζεται πλέον στην HTML5.

Ετικέτα αναφοράς

«Ο κώδικας είναι ποίηση.» – Automattic

Ετικέτα κώδικα

Αυτή η ετικέτα μορφοποιεί μπλοκ κώδικα.

.post-title {
περιθώριο: 0 0 5px;
βάρος γραμματοσειράς: έντονη γραφή;
μέγεθος γραμματοσειράς: 38px;
ύψος γραμμής: 1,2;
και ορίστε μια γραμμή με πολύ, πολύ, πολύ, πολύ μεγάλο κείμενο, απλώς για να δούμε πώς χειρίζεται και πώς ξεχειλίζει.
}

Θα μάθετε αργότερα σε αυτά τα τεστ ότι το word-wrap: break-word; θα είναι ο καλύτερός σας φίλος.

Διαγραφή ετικέτας

Αυτή η ετικέτα θα σας επιτρέψει διαγραφή κειμένου, αλλά αυτή η ετικέτα είναι συνιστάται υποστηρίζεται σε HTML5 (χρησιμοποιήστε το αντί).

Ετικέτα έμφασης

Η ετικέτα έμφασης θα πρέπει τυπώνω με κυρτά γράμματα κείμενο.

Ετικέτα οριζόντιου κανόνα

---

Αυτή η πρόταση ακολουθεί ένα <hr /> ετικέτα.

Εισαγωγή ετικέτας

Αυτή η ετικέτα θα πρέπει να υποδηλώνει εισήχθη κείμενο.

Ετικέτα πληκτρολογίου

Αυτή η ελάχιστα γνωστή ετικέτα μιμείται κείμενο πληκτρολογίου, το οποίο συνήθως έχει τη μορφή ετικέτα.

Προδιαμορφωμένη ετικέτα

Αυτή η ετικέτα προορίζεται για τη διατήρηση των κενών διαστημάτων όπως έχουν πληκτρολογηθεί, όπως στην ποίηση ή στην τέχνη ASCII.

Ο Δρόμος που Δεν Ακολουθήθηκε

Ρόμπερτ Φροστ Δύο δρόμοι χωρίζονταν σε ένα κίτρινο δάσος, Και λυπάμαι που δεν μπορούσα να ταξιδέψω και τους δύο (_/) Και να είμαι ένας ταξιδιώτης, στάθηκα (='.'=) Και κοίταξα τον έναν όσο πιο μακριά μπορούσα (")_(") Προς το σημείο που έσκυβε στα χαμηλά φύλλα· Μετά πήρα τον άλλον, εξίσου όμορφο, Και έχοντας ίσως την καλύτερη αξίωση, |_/| Επειδή ήταν χορταριασμένο και ήθελε να φθαρεί· / @ @ Αν και όσο για το ότι το πέρασμα από εκεί ( > º < ) Τους είχε φθαρεί σχεδόν το ίδιο, `>>x<<´ / O Και και τους δύο εκείνο το πρωί κείτονταν εξίσου Μέσα σε φύλλα κανένα βήμα δεν είχε πατηθεί μαύρο. Ω, κράτησα τον πρώτο για μια άλλη μέρα! Κι όμως, γνωρίζοντας πώς ο δρόμος οδηγεί σε δρόμο, αμφέβαλα αν θα επέστρεφα ποτέ. Θα το λέω αυτό με έναν αναστεναγμό Κάπου εδώ και αιώνες: Δύο δρόμοι χωρίζονταν σε ένα δάσος, και εγώ— πήρα αυτόν που έχει ταξιδέψει λιγότερο, Και αυτό έκανε όλη τη διαφορά. Και ορίστε μια γραμμή από ένα πραγματικά, πραγματικά, πραγματικά, πολύ μακρύ κείμενο, απλώς για να δω πώς χειρίζεται και να μάθω πώς ξεχειλίζει·

Ετικέτα προσφοράς για σύντομα, ενσωματωμένα εισαγωγικά

Προγραμματιστές, προγραμματιστές, προγραμματιστές… – Steve Ballmer

Ετικέτα απεργίας (έχει καταργηθεί στην HTML5) και Ετικέτα S

Αυτή η ετικέτα εμφανίζει κείμενο με διακριτή διαγραφή.

Μικρή ετικέτα

Αυτή η ετικέτα εμφανίζει μικρότερο κείμενο.

Ισχυρή ετικέτα

Αυτή η ετικέτα δείχνει έντονο κείμενο.

Ετικέτα υπογραφής

Να κάνουμε το επιστημονικό μας στυλ με το H2O, το οποίο θα πρέπει να πιέσει το "2" προς τα κάτω.

Ετικέτα εκθέτη

Παραμένω πιστός στην επιστήμη και την E = MC του Άλμπερτ Αϊνστάιν2, το οποίο θα πρέπει να σηκώσει τα 2 προς τα πάνω.

Ετικέτα τηλετύπου (ξεπερασμένο στην HTML5)

Αυτή η σπάνια χρησιμοποιούμενη ετικέτα μιμείται κείμενο τηλετύπου, το οποίο συνήθως έχει τη μορφή ετικέτα.

Υπογράμμιση ετικέτας έχει καταργηθεί στην HTML 4, επανεισαχθεί στην HTML5 με άλλες σημασιολογίες

Αυτή η ετικέτα εμφανίζει υπογραμμισμένο κείμενο.

Μεταβλητή ετικέτα

Αυτό σας επιτρέπει να δηλώσετε μεταβλητές.

Φωτισμός εικόνας

Εικόνα κεντρικής ευθυγράμμισης

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Στο sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Εικόνα αριστερής ευθυγράμμισης

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus στο scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Στο sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Ακέραιος facilisis aliquet elit, a egestas quam cursus quis. Σε mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Εικόνα δεξιάς στοίχισης

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus στο scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Στο sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Ακέραιος facilisis aliquet elit, a egestas quam cursus quis. Σε mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Εικόνα 150 × 150, η οποία είναι ευθυγραμμισμένη αριστερά

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus στο scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Στο sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Ακέραιος facilisis aliquet elit, a egestas quam cursus quis. Σε mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Μεγάλη εικόνα

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Στο sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.