Η ετικέτα hr

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

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


HTML

Για να μπορέσετε να διασπάσετε πλαίσια κειμένου σε ένα HTML έγγραφο μπορείτε να χρησιμοποιήσετε την απλή, αλλά χρήσιμη ετικέτα hr, η οποία παράγει μια οριζόντια γραμμή κατά μήκος της σελίδας.

Τι πρέπει να θυμάστε

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

Ο διαθέσιμες παράμετροι για την ετικέτα hr, σας επιτρέπουν να αλλάξετε το μήκος, και την στοίχιση.

Αλλαγή πλάτους

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

Παραδείγματα με ποσοστιαίες μονάδες

<hr width=»50%»>


<hr width=»70%»>


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

<hr width=»200″>


<hr width=»100″>


Στοίχιση

Μπορείτε να μεταβάλετε τη στοίχιση των γραμμών με την ιδιότητα align, η οποία μπορεί να δεχτεί τις τιμές «left», «right», «center». Η προκαθορισμένη τιμή στοίχισης είναι «center». Αυτό σημαίνει πως αν δεν αλλάξετε την ιδιότητα align, η γραμμή θα στοιχηθεί στο κέντρο αυτόματα.

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

<hr width=»50%»>


<hr width=»50%» align=»center»>


<hr width=»50%» align=»left»>


<hr width=»50%» align=»right»>


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

CorfuGmr

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








Σχόλια

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

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



^
Top
css.php