Ετικέτες μορφοποίησης

26 Ιούλ 2011 | Οδηγός HTML

Δεν επιτρέπονται τα σχόλια.


HTML

Το κείμενο στην HTML, μπορεί να μορφοποιηθεί με διάφορους τρόπους έτσι ώστε να προβάλετε με διαφορετικό τρόπο στον Web Browser. Το κείμενο μπορεί να είναι έντονο, με πλάγια γραφήυπογραμμισμένοδιαγραμμένο, κ.α. Κάτι ποιο σύνθετο, σε μια ιστοσελίδα μπορείτε να έχετε ένα κείμενο που μπορεί να είναι και έντονα γραμμένο αλλά και πλάγια γραμμένο όπως αυτό.

Υπάρχουν αρκετές ετικέτες που μπορούν να μορφοποιήσουν το κείμενο μιας ιστοσελίδας. Αυτές οι ετικέτες μπορεί να είναι είτε φυσικές ετικέτες ή λογικές ετικέτες.

Ποια η διαφορά των φυσικών και των λογικών ετικετών;

Οι φυσικές ετικέτες ορίζουν το πως θα πρέπει το κείμενο να παρουσιαστεί στον web browser. Αυτό που κάνουν είναι να μεταβάλουν τα φυσικά χαρακτηριστικά του κειμένου.

Οι λογικές ετικέτες από την άλλη ορίζουν τον τύπο του περιεχομένου που έχουν μέσα τους. Δεν μπορούν να καθορίσουν κατά κάποιο τρόπο πως θα μορφοποιηθεί ή πως θα εμφανίζεται ένα κείμενο σε μια σελίδα.

Φυσικές ετικέτες

Υπάρχουν 10 φυσικές ετικέτες, και η κάθε μια από αυτές απαιτεί και την αντίστοιχη ετικέτα τερματισμού :

  • <i> Italics: Ένα πλάγιο κείμενο
  • <b> Bold: Ένα έντονο κείμενο
  • <u> Underline: Ένα υπογραμμισμένο κείμενο
  • <strike> Strikethrough: Ένα διαγραμμένο κείμενο
  • <sup> Superscript: Ένα κείμενο εκθέτης
  • <sub> Subscript: Ένα κείμενο βάσης
  • <tt> Typewritter: Ένα κείμενο γραφομηχανής
  • <big> Bigger font: Ένα μεγάλο κείμενο
  • <small> Smaller font: Ένα μικρό κείμενο
  • <s> Strikethrough: Ένα εναλλακτικά διαγραμμένο κείμενο

Φώλιασμα ετικετών

Οι φυσικές ετικέτες μπορούν να φωλιάσουν η μια μέσα στην άλλη. Ας δούμε ένα παράδειγμα:

<b>Κάποιο κείμενο</b> εμφανίζει το Κάποιο κείμενο το οποίο είναι έντονα γραμμένο.

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

<u><b>Κάποιο κείμενο</b></u> εμφανίζει το Κάποιο κείμενο το οποίο είναι έντονα γραμμένο και έχει και υπογράμμιση.

Ακόμα περισσότερη έμφαση; Ας κάνουμε το κείμενο να είναι και πλάγια γραμμένο:

<i><u><b>Κάποιο κείμενο</b></u></i> εμφανίζει το Κάποιο κείμενο το οποίο είναι έντονα γραμμένο, έχει υπογράμμιση και είναι και πλάγια γραμμένο.

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

Περισσότερα για τον CorfuGmr

CorfuGmr

Ονομάζομαι Νίκος και ασχολούμαι με το internet και την κατασκευή ιστοσελίδων από το 1998. Σήμερα, μετά από 12 χρόνια γεμάτα με ενημέρωση, εκπαίδευση και εξάσκηση έχω ανεβάσει σε ένα άλλο επίπεδο τις γνώσεις μου και τις τεχνικές μου. Στα άρθρα μου προσπαθώ να σας δείξω τα μικρά, αλλά σημαντικά πράγματα που με έχουν ανεβάσει σε αυτό το επίπεδο.








Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Συγνώμη, τα σχόλια για αυτό το άρθρο είναι κλειστά.



^
Top
css.php