Τυπογραφία

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

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

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

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

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

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

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

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

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

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

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

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

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

Μπλοκ εισαγωγικά

Μπλοκ μονής γραμμής:

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

Μπλοκ απόσπασμα πολλαπλών γραμμών με αναφορά παραπομπής:

ο HTML

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

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

Πίνακες

Υπάλληλος Μισθός
John Doe $1 Γιατί αυτό είναι το μόνο που χρειαζόταν ο Steve Jobs για έναν μισθό.
Τζέιν Ντόε $100K Για όλα τα blogging που κάνει.
Fred Bloggs $100M Οι εικόνες αξίζουν όσο χίλιες λέξεις, σωστά; Τζέιν χ 1.000 λοιπόν.
Jane Bloggs $100B Με τέτοια μαλλιά;! Αρκετά ειπώθηκαν…

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

Ορισμός Τίτλος λίστας
Διαίρεση λίστας ορισμού.
Ξεκίνα
Μια startup εταιρεία ή startup είναι μια εταιρεία ή ένας προσωρινός οργανισμός που έχει σχεδιαστεί για την αναζήτηση ενός επαναλαμβανόμενου και επεκτάσιμου επιχειρηματικού μοντέλου.
#εργασία
Επινοημένο από τον Rob Dyrdek και τον προσωπικό του σωματοφύλακα Christopher "Big Black" Boykins, το "Do Work" λειτουργεί ως αυτοκίνητρο, για να παρακινήσει τους φίλους σας.
Κάντο Ζωντανά
Θα αφήσω τον Μπιλ Ο'Ράιλι να το κάνει εξηγώ αυτό.

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

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

Παραγγελθείσα λίστα (Ενθετημένη)

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

Ετικέτες HTML

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

Ετικέτα διεύθυνσης

1 Άπειρος βρόχος
Κουπερτίνο, CA 95014
Ηνωμένες Πολιτείες

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

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

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

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

Ακρωνύμιο Ετικέτα (καταργήθηκε σε HTML5)

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

Big Tag (καταργήθηκε σε HTML5)

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

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

«Ο κώδικας είναι ποίηση». —Αυτόματο

Ετικέτα κωδικού

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

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

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

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

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

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

Οριζόντια ετικέτα κανόνα


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

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

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

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

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

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

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

Ο δρόμος που δεν πάρθηκε


Ρόμπερτ Φροστ


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

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

Προγραμματιστές, προγραμματιστές, προγραμματιστές… -Στιβ Μπάλμερ

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

Αυτή η ετικέτα φαίνεται διέλευσης κείμενο.

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

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

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

Αυτή η ετικέτα φαίνεται Έντονο Κείμενο.

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

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

Ετικέτα υπερκείμενου

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

Ετικέτα Teletype (ξεπερασμένο σε 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.