Η HTML <hr> ετικέτα

  • Προηγούμενη σελίδα <hgroup>
  • Επόμενη σελίδα <html>

Ορισμός και χρήση

<hr> Τα στοιχεία καθορίζουν τη διάσπαση του θέματος σε ιστοσελίδες HTML (π.χ., η αλλαγή του θέματος).

<hr> Τα στοιχεία συνήθως εμφανίζονται ως οριζόντιες γραμμές, χρησιμοποιούνται για τη διάσπαση περιεχομένου σε ιστοσελίδες HTML ή για τη διαμόρφωση αλλαγών στο περιεχόμενο.

Δείτε επίσης:

Εγχειρίδιο HTML DOM:Οντότητα HR

παράδειγμα

παράδειγμα 1

χρήση <hr> σήματα για τη διαιρέση του περιεχομένου:

<h1>Τα κύρια γλωσσά του Web</h1>
<p>Το HTML είναι η τυποποιημένη γλώσσα σημειογραφίας για τη δημιουργία ιστοσελίδων. Το HTML περιγράφει τη δομή της ιστοσελίδας, η οποία αποτελείται από μια σειρά στοιχείων...</p>
<hr>
<p>Το CSS είναι μια γλώσσα περιγραφής που περιγράφει τον τρόπο εμφάνισης των στοιχείων HTML στην οθόνη, το χαρτί ή άλλα μέσα...</p>
<hr>
<p>Το JavaScript είναι η γλώσσα προγραμματισμού του HTML και του Web. Το JavaScript μπορεί να αλλάξει το περιεχόμενο και τις τιμές των ιδιοτήτων του HTML...</p>

Δοκιμάστε το προσωπικά

παράδειγμα 2

υποδιαίρεση <hr> στοιχεία (χρησιμοποιώντας το CSS)：

<hr style="width:50%;text-align:left;margin-left:0">

Δοκιμάστε το προσωπικά

παράδειγμα 3

χωρίς σκιές <hr> （χρησιμοποιώντας το CSS）：

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Ρύθμιση <hr> Ύψος στοιχείου (χρησιμοποιώντας CSS):

<hr style="height:30px">

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Ρύθμιση <hr> Πλάτος στοιχείου (χρησιμοποιώντας CSS):

<hr style="width:50%">

Δοκιμάστε το προσωπικά

Γενικές ιδιότητες

<hr> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες στο HTML.

Αντικειμενικές ιδιότητες γεγονότων

<hr> Η ετικέτα υποστηρίζει επίσης Αντικειμενικές ιδιότητες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις ακόλουθες προεπιλεγμένες τιμές για την εμφάνιση <hr> Στοιχείο:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Δοκιμάστε το προσωπικά

Υποστήριξη προγράμματος περιήγησης

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα <hgroup>
  • Επόμενη σελίδα <html>