Προγραμματιστικά Εργαλεία για το Διαδίκτυο

Παρωχημένες ετικέτες και χαρακτηριστικά στην HTML 4

Δημοσιεύτηκε στις Παρασκευή, 15 Φεβρουαρίου 2013 23:50 Γράφτηκε από τον/την Δημήτρης Τζανάκης

Ο σκοπός της ιδιότητας style είναι να υπάρξει κοινός τρόπος για την εμφάνιση του στυλ σε όλα τα στοιχεία HTML. Στην HTML 4, έχουν ξεπεραστεί πολλές ετικέτες και ιδιότητες. Αυτό σημαίνει ότι δεν θα υποστηριχθούν σε μελλοντικές εκδόσεις της HTML και XHTML.

Αποφύγετε "Παρωχημένες" ετικέτες και χαρακτηριστικά!

Πίνακας 1. "Παρωχημένες" ετικέτες και χαρακτηριστικά

Ετικέτα:	Λειτουργία
<center>	Καθορίζει στο κέντρο το περιεχόμενο
<font> and <basefont>	ορίζει τις γραμματοσειρές HTML
<s> and <strike>	καθορίζει κείμενο με διακριτή διαγραφή
<u>	Καθορίζει υπογραμμισμένο κείμενο
Χαρακτηριστικό:	Λειτουργία
align	Καθορίζει τη στοίχιση του κειμένου
bgcolor	Καθορίζει το χρώμα του φόντου
color	Καθορίζει το χρώμα του κειμένου

Για όλα τα παραπάνω: Χρησιμοποιήστε αντί αυτών την ιδιότητα style

Παραδείγματα style

1. Χρώμα φόντου

Η ιδιότητα background-color καθορίζει το χρώμα του φόντου για ένα στοιχείο:

<html>

<body style="background-color:yellow">

<h2 style="background-color:red">Αυτή είναι μία κλάση</h2>

<p style="background-color:green">Αυτή είναι μία παράγραφος.</p>

</body>

</html>

2. Γραμματοσειρά - χρώμα - μέγεθος

Οι ιδιότητες font-family, color, και font-size καθορίζουν τη γραμματοσειρά, το χρώμα και το μέγεθος του κειμένου σε ένα στοιχείο:

<html>

<body>

<h1 style="font-family:verdana">Μίακλάση</h1>

<p style="font-family:arial;color:red;font-size:20px;">Μία παράγραφος</p>

</body>

</html>

3. Στοίχιση κειμένου

Η text-align ιδιότητα καθορίζει την οριζόντια στοίχιση του κειμένου σε ένα στοιχείο:

<html>

<body>

<h1 style="text-align:center">Αυτή είναι μία κλάση</h1>

<p>Η παραπάνω κλάση είναι στοιχισμένη στο κέντρο της σελίδας.</p>

</body>

</html>

Συνημμένα:
Αρχείο	Περιγραφή	Μέγεθος αρχείου
Παρωχημένες ετικέτες και χαρακτηριστικά της HTML.doc	Παρωχημένες ετικέτες και χαρακτηριστικά της HTML	41 Kb