<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <hr>
Ορισμός και χρήση
Με την ετικέτα <hr> τοποθετούμε μια οριζόντια γραμμή στην
σελίδα μας για να σηματοδοτήσουμε την αλλαγή του περιεχομένου της. Η οριζόντια γραμμή είναι ένα απλό γραφικό που μπορούμε να χρησιμοποιήσουμε στην σελίδα μας
(κυρίως σαν διαχωριστικό).
Ετικέτες τέλους: Καμία
Ετικέτες τέλους: Καμία
Παράδειγμα
| Πηγαίος Κώδικας | Αποτέλεσμα στον browser |
|---|---|
| Αυτή είναι μια οριζόντια γραμμή <hr> Αυτή είναι μια άλλη οριζόντια γραμμή<hr> |
Αυτή είναι μια οριζόντια γραμμή
Αυτή είναι μια άλλη οριζόντια γραμμή |
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Στην HTML 4.01 με την ετικέτα <hr> τοποθετούσαμε μια οριζόντια γραμμή στην σελίδα μας
Στην HTML5 με την ετικέτα <hr> τοποθετούμε μια οριζόντια γραμμή στην σελίδα μας, αλλα και σηματοδοτούμε με αυτήν την αλλαγή στο περιεχόμενο της σελίδας
Στην HTML5 αφαιρέθηκαν όλες οι ιδιότητες της ετικέτας.
Στην HTML5 με την ετικέτα <hr> τοποθετούμε μια οριζόντια γραμμή στην σελίδα μας, αλλα και σηματοδοτούμε με αυτήν την αλλαγή στο περιεχόμενο της σελίδας
Στην HTML5 αφαιρέθηκαν όλες οι ιδιότητες της ετικέτας.
Ιδιότητες
| Ιδιότητα | Τιμή | Περιγραφή |
|---|---|---|
| align | left center right |
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5 Καθορίζει την στοίχιση της οριζόντιας γραμμής |
| noshade | noshade | ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5 Αφαιρεί την σκιά από την οριζόντια γραμμή |
| size | αριθμός pixels αριθμός % |
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5 Καθορίζει το πάχος της οριζόντιας γραμμής |
| width | αριθμός pixels αριθμός % |
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5 Καθορίζει το μέγεθος της οριζόντιας γραμμής |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <hr> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <hr> υποστηρίζει τις ιδιότητες events της HTML5
Δοκίμασε το
Οριζόντια γραμμή στην HTML
Πώς να εισάγουμε οριζόντια γραμμή στο έγγραφο μας
Πώς να εισάγουμε οριζόντια γραμμή στο έγγραφο μας
