HTML <hr> Tag
Voorbeeld
Gebruik die <hr>-merker om tematiese veranderinge in die inhoud te definieer:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup
language for creating Web pages. HTML describes the structure of a Web page,
and consists of a series of elements. HTML elements tell the browser how to
display the content.</p>
<hr>
<p>CSS is a language that
describes how HTML elements are to be displayed on screen, paper, or in
other media. CSS saves a lot of work, because it can control the layout of
multiple web pages all at once.</p>
<hr>
<p>JavaScript is the
programming language of HTML and the Web. JavaScript can change HTML content
and attribute values. JavaScript can change CSS. JavaScript can hide and
show HTML elements, and more.</p>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <hr>merker definieer 'n tematiese breuk in 'n HTML-bladsy (bv. 'n verskuiwing van onderwerp).
Die <hr>element word meestal vertoon as 'n horisontale reël wat gebruik word om inhoud te skei (of 'n verandering te definieer) in 'n HTML-bladsy.
Blaaierondersteuning
| Element | |||||
|---|---|---|---|---|---|
| <hr> | Yes | Yes | Yes | Yes | Yes |
Globale eienskappe
Die <hr>merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <hr>merker ondersteun ook die gebeurteniskenmerke in HTML .
Meer voorbeelde
Voorbeeld
Belyn 'n <hr>-element (met CSS):
<hr style="width:50%;text-align:left;margin-left:0">
Voorbeeld
'n Noshaded <hr> (met CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Voorbeeld
Stel die hoogte van 'n <hr>-element (met CSS):
<hr style="height:30px">
Voorbeeld
Stel die breedte van 'n <hr>-element (met CSS):
<hr style="width:50%">
Verwante bladsye
HTML DOM verwysing: HR Object
Verstek CSS-instellings
Die meeste blaaiers sal die <hr>element met die volgende verstekwaardes vertoon:
Voorbeeld
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}