files/es/orphaned/html/elemento/section/index.html


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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177

---
title: Section
slug: HTML/Elemento/section
---
<div class="geckoVersionNote">
<h2 id="DEFINICIÓN" style="margin-left: 40px;">DEFINICIÓN:</h2>
</div>

<h4 id="La_etiqueta_section_proviene_del_idioma_inglés_y_se_traduce_al_español_como_sección.">La etiqueta section proviene del idioma inglés y se traduce al español como sección.</h4>

<p> </p>

<div class="geckoVersionNote">
<h2 id="ETIQUETAS" style="margin-left: 40px;">ETIQUETAS: </h2>
</div>

<h4 id="&lt;section>&lt;section>">&lt;section&gt;&lt;/section&gt;</h4>

<h4 id="Genera_una_sección_de_contenido_en_el_cuál_podemos_ubicar_dentro_muchos_otros_tipos_de_sección_(nav_article_asideheaderfooter_etc).">Genera una sección de contenido, en el cuál podemos ubicar dentro muchos otros tipos de sección (nav, article, aside,header,footer, etc).</h4>

<p> </p>

<div class="geckoVersionNote">
<h2 id="ATRIBUTOS" style="margin-left: 40px;">ATRIBUTOS:</h2>
</div>

<table class="fullwidth-table standard-table">
 <thead>
  <tr>
   <th scope="col" style="text-align: center;">
    <h4 id="Atributo"><strong>Atributo</strong></h4>
   </th>
   <th colspan="2" scope="col" style="text-align: center;">
    <h4 id="Valor"><strong>Valor</strong></h4>
   </th>
   <th scope="col" style="text-align: center;">
    <h4 id="Descripción"><strong>Descripción</strong></h4>
   </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <th colspan="4">
    <h4 id="Genéricos"><strong>Genéricos</strong></h4>
   </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">
    <h4 id="Específicos"><strong>Específicos</strong></h4>
   </th>
  </tr>
  <tr>
   <td colspan="4"><strong>Eventos</strong>: <code style="color: green;"> onload, onunload.</code></td>
  </tr>
  <tr>
   <th colspan="4">
    <h4 id="De_transición"><strong>De transición</strong></h4>
   </th>
  </tr>
  <tr>
   <th>
    <h4 id="atributo"><strong>atributo</strong></h4>
   </th>
   <th colspan="2" rowspan="1">
    <h4 id="valor"><strong>valor</strong></h4>
   </th>
   <th>
    <h4 id="descripción"><strong>descripción</strong></h4>
   </th>
  </tr>
  <tr>
   <td><code style="color: green;">background </code></td>
   <td>Una dirección</td>
   <td>Implícito</td>
   <td>Dirección de la imagen que se usará como fondo.</td>
  </tr>
  <tr>
   <td><code style="color: green;">bgcolor </code></td>
   <td>Un color</td>
   <td>Implícito</td>
   <td>Color del fondo.</td>
  </tr>
  <tr>
   <td><code style="color: green;">text </code></td>
   <td>Un color</td>
   <td>Implícito</td>
   <td>Color del texto.</td>
  </tr>
  <tr>
   <td><code style="color: green;">link </code></td>
   <td>Un color</td>
   <td>Implícito</td>
   <td>Indica el color inicial de los enlaces</td>
  </tr>
  <tr>
   <td><code style="color: green;">alink </code></td>
   <td>Un color</td>
   <td>Implícito</td>
   <td>Indica el color de los enlaces cuando están activos.</td>
  </tr>
  <tr>
   <td><code style="color: green;">vlink </code></td>
   <td>Un color</td>
   <td>Implícito</td>
   <td>Indica el color de los enlaces que han sido visitados.</td>
  </tr>
 </tbody>
</table>

<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>

<pre class="eval  language-html"><code class="language-html">
   &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"&gt;
    <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>html</span><span class="punctuation token">&gt;</span></span>
      <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>head</span><span class="punctuation token">&gt;</span></span>
           <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>title</span><span class="punctuation token">&gt;</span></span>Documento html básico<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>title</span><span class="punctuation token">&gt;</span></span>
      <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>head</span><span class="punctuation token">&gt;</span></span>

      <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>body</span><span class="punctuation token">&gt;</span></span>

        &lt;section&gt;
          &lt;article&gt;
   <span class="tag token"><span class="tag token"><span class="punctuation token">          &lt;</span>p</span><span class="punctuation token">&gt;</span></span>Ejemplo de texto1<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;
          &lt;/article&gt;
  <code class="language-html">       &lt;article&gt;
   <span class="tag token"><span class="tag token"><span class="punctuation token">          &lt;</span>p</span><span class="punctuation token">&gt;</span></span>Ejemplo de texto2<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;
          &lt;/article&gt;</span></span></code>
        &lt;/section&gt;

        &lt;section&gt;
<code class="language-html"><span class="tag token"><span class="punctuation token">  <code class="language-html">       &lt;article&gt;
   <span class="tag token"><span class="tag token"><span class="punctuation token">          &lt;</span>p</span><span class="punctuation token">&gt;</span></span>Ejemplo de texto3 en un segundo artículo <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;
          &lt;/article&gt;</span></span></code></span></span></code>
<code class="language-html"><span class="tag token"><span class="punctuation token">       &lt;/section&gt;</span></span></code></span></span>
      <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>body</span><span class="punctuation token">&gt;</span></span>
    <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>html</span><span class="punctuation token">&gt;</span></span>
 </code></pre>