1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
---
title: <hr>
slug: Web/HTML/Element/hr
tags:
- HTML
- HTML:Elemento
- Todas_las_Categorías
translation_of: Web/HTML/Element/hr
original_slug: Web/HTML/Elemento/hr
---
<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>
<p><span class="comment">descripción de uno o dos párrafos</span>El <strong>elemento HTML <hr> </strong>representa un cambio de tema entre párrafos (por ejemplo, un cambio de escena en una historia, un cambio de tema en una sección). En versiones previas de HTML representaba una línea horizontal. Aún puede ser representada como una línea horizontal en los navegadores visuales, pero ahora es definida en términos semánticos y no tanto en términos representativos, por tanto para dibujar una línea horizontal se debería usar el CSS apropiado.</p>
<dl>
<dd><strong>Sus etiquetas son</strong>: <code><hr/></code> (solo tiene una).</dd>
</dl>
<dl>
<dd><strong>Crea una caja</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.</dd>
</dl>
<dl>
<dd><strong>Está definido como</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.</dd>
</dl>
<dl>
<dd><strong>Puede contener</strong>: Nada, es un "elemento vacío" del un Glosario.</dd>
</dl>
<h4 id="Atributos" name="Atributos">Atributos</h4>
<table class="fullwidth-table standard-table">
<tbody>
<tr>
<th>Atributo</th>
<th colspan="2">Valor</th>
<th>Descripción</th>
</tr>
<tr>
<th colspan="4">Genéricos</th>
</tr>
<tr>
<td><code style="color: green;">title </code></td>
<td>Texto</td>
<td>Implícito</td>
<td>Título consultivo del elemento.</td>
</tr>
<tr>
<td><code style="color: green;">style </code></td>
<td>Declaraciones de estilo</td>
<td>Implícito</td>
<td>Información de estilo en línea.</td>
</tr>
<tr>
<td><code style="color: green;">id </code></td>
<td>Un 'nombre'</td>
<td>Implícito</td>
<td>Identificador único a nivel de documento.</td>
</tr>
<tr>
<td><code style="color: green;">class </code></td>
<td>Lista de clases CSS</td>
<td>implícito</td>
<td>Identificador a nivel de documento.</td>
</tr>
<tr>
<td><code style="color: green;">dir </code></td>
<td>Uno de los siguientes: <code>"ltr"</code> o <code>"rtl"</code></td>
<td>Implícito</td>
<td>Dirección del texto.</td>
</tr>
<tr>
<td><code style="color: green;">lang </code></td>
<td>Código de idioma</td>
<td>Implícito</td>
<td>Información sobre el idioma.</td>
</tr>
<tr>
<td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. </code></td>
</tr>
<tr>
<th colspan="4">Específicos</th>
</tr>
<tr>
<td colspan="4">No tiene</td>
</tr>
<tr>
<th colspan="4">De transición</th>
</tr>
<tr>
<td><code style="color: green;">align </code></td>
<td>uno de los siguientes: <code>"left", "center", "right".</code></td>
<td>Implícito. Por defecto: <code>"center"</code></td>
<td>Indica la alineación horizontal.</td>
</tr>
<tr>
<td><code style="color: green;">noshade </code></td>
<td><code>"noshade"</code></td>
<td>Implícito</td>
<td>Elimina el relieve.</td>
</tr>
<tr>
<td><code style="color: green;">size </code></td>
<td>Una cantidad, de píxeles</td>
<td>Implícito</td>
<td>Indica la altura de la linea.</td>
</tr>
<tr>
<td><code style="color: green;">width </code></td>
<td>Una cantidad, de píxeles, o un porcentaje.</td>
<td>Implícito. por defecto: 100%</td>
<td>Indica la anchura.</td>
</tr>
<tr>
<th>Atributo</th>
<th colspan="2">Valor</th>
<th>Descripción</th>
</tr>
</tbody>
</table>
<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
<pre class="eval"> <p>Este es un parrafo unicamente visual para ver el uso de
la etiqueta hr</p>
<hr/>
<p>Este es el segundo parrafo, separado del primero por la etiqueta hr, que puede
representarse mediante una línea horizontal.</p>
</pre>
<h3 id="Muestra">Muestra</h3>
<p>Este es un parrafo unicamente visual para ver el uso de la etiqueta hr</p>
<hr>
<p>Este es el segundo parrafo, separado del primero por una linea horizontal</p>
<h3 id="Comentarios" name="Comentarios">Comentarios</h3>
<p> </p>
<h3 id="Referencia" name="Referencia">Referencia</h3>
<ul>
<li>El elemento <a class="external" href="http://html.conclase.net/w3c/html401-es/present/graphics.html#edef-HR"><strong>hr</strong> en la especificación</a> de html 4.01</li>
</ul>
<p><span class="comment">secciones futuras: == Soporte de los navegadores == == Valores por defecto y visualización en Firefox ==</span></p>
<div class="note">
<p>Este documento está siendo editado, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.</p>
<p>¿Quieres participar en la elaboración de este documento? Para saber como hacerlo consulta <a>MDC:Como ayudar</a>.</p>
</div>
<p> </p>
|