2.4 Elementos HTML

16/2/2017 2.4.
ElementosHTML(IntroduccinaXHTML)
Ver ndice de contenidos del libro
2.4. Elementos HTML

Adems de etiquetas y atributos, HTML de ne el trmino elemento para referirse a las partes que componen
los documentos HTML.
Aunque en ocasiones se habla de forma indistinta de "elementos" y "etiquetas", en realidad un elemento HTML
es mucho ms que una etiqueta, ya que est formado por:
Una etiqueta de apertura.
Cero o ms atributos.
Texto encerrado por la etiqueta.
Una etiqueta de cierre.
El texto encerrado por la etiqueta es opcional, ya que algunas etiquetas de HTML no pueden encerrar ningn
texto. El siguiente esquema muestra un elemento HTML, formado por una etiqueta , atributos y contenidos
de texto:
Figura 2.7 Esquema de las partes que componen un elemento HTML
La estructura mostrada en el esquema anterior es un elemento HTML ya que comienza con una etiqueta de
apertura ( ), contiene cero o ms atributos ( class="normal" ), dispone de un contenido de texto ( Estoesun
prrafo ) y naliza con una etiqueta de cierre ( ).
Por tanto, si una pgina web tiene dos prrafos de texto, la pgina contiene dos elementos y cuatro etiquetas
(dos etiquetas de apertura y dos etiquetas de cierre). De todas formas, aunque estrictamente no son
lo mismo, es habitual intercambiar las palabras "elemento" y "etiqueta".
Por otra parte, el lenguaje HTML clasi ca a todos los elementos en dos grupos: elementos en lnea (inline
elements en ingls) y elementos de bloque (block elements en ingls).
La principal diferencia entre los dos tipos de elementos es la forma en la que ocupan el espacio disponible en la
pgina. Los elementos de bloque siempre empiezan en una nueva lnea y ocupan todo el espacio disponible
hasta el nal de la lnea, aunque sus contenidos no lleguen hasta el nal de la lnea. Por su parte, los elementos
en lnea slo ocupan el espacio necesario para mostrar sus contenidos.
Si se considera el siguiente ejemplo:
http://librosweb.es/libro/xhtml/capitulo_2/elementos_html.html 1/4
16/2/2017 2.4.ElementosHTML(IntroduccinaXHTML)
<html>

<head>
<title>Ejemplodeelementosenlneayelementosdebloque</title>
</head>

<body>
Losprrafossonelementosdebloque.
<ahref="http://www.google.com">Losenlacessonelementosenlnea</a>
Dentrodeunprrafo,<ahref="http://www.google.com">losenlaces</a>
siguensiendoelementosenlnea.
</body>

</html>
La siguiente imagen muestra cmo visualizan los navegadores el cdigo HTML anterior (mediante CSS se han
aadido bordes que muestran el espacio ocupado por cada elemento):
Figura 2.8 Diferencias entre elementos en lnea y elementos de bloque
El primer prrafo contiene un texto corto que slo ocupa la mitad de la anchura de la ventana del navegador.
No obstante, el espacio reservado por el navegador para el primer prrafo llega hasta el nal de esa lnea, por
lo que resulta evidente que los elementos son elementos de bloque.
Por otra parte, el primer enlace del ejemplo anterior tambin tiene un texto corto que ocupa solamente la
mitad de la anchura de la ventana del navegador. En este caso, el navegador slo reserva para el enlace el sitio
necesario para mostrar sus contenidos. Si se aade otro enlace en esa misma lnea, se mostrara a continuacin
del primer enlace. Por tanto, los elementos <a> son elementos en lnea.
Por ltimo, el segundo prrafo sigue ocupando todo el espacio disponible hasta el nal de cada lnea (por ser
un elemento de bloque) y el enlace que se encuentra dentro del prrafo slo ocupa el sitio necesario para
mostrar sus contenidos (por ser un elemento en lnea).
La mayora de elementos de bloque pueden contener en su interior elementos en lnea y otros elementos de
bloque. Los elementos en lnea slo pueden contener texto u otros elementos en lnea. En otras palabras, un
elemento de bloque no puede aparecer dentro de un elemento en lnea. En cambio, un elemento en lnea
puede aparecer dentro de un elemento de bloque y dentro de otro elemento en lnea.
Los elementos en lnea de nidos por HTML son: a , abbr , acronym , b , basefont , bdo , big , br , cite , code , dfn ,
em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup , textarea , tt , u ,
var .
Los elementos de bloque de nidos por HTML son: address , blockquote , center , dir , div , dl , fieldset , form ,
h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul .
Los siguientes elementos tambin se considera que son de bloque: dd , dt , frameset , li , tbody , td , tfoot , th ,
thead , tr .
Los siguientes elementos pueden ser en lnea y de bloque segn las circunstancias: button , del , iframe , ins ,
map , object , script .
Anterior Siguiente
2.3. Etiquetas y atributos 2.5. Sintaxis de las etiquetas XHTML
(../capitulo_2/etiquetas_y_atributos.html)
(../capitulo_2/sintaxis_de_las_etiquetas_xh
INDICE DE CONTENIDOS
1. Introduccin (../capitulo_1.html)
Captulo 2. Caractersticas bsicas (../capitulo_2.html)
2.2. El primer documento HTML (../capitulo_2/el_primer_documento_html.html)
2.3. Etiquetas y atributos (../capitulo_2/etiquetas_y_atributos.html)
2.4. Elementos HTML (../capitulo_2/elementos_html.html)
2.5. Sintaxis de las etiquetas XHTML (../capitulo_2/sintaxis_de_las_etiquetas_xhtml.html)
3. Texto (../capitulo_3.html)
4. Enlaces (../capitulo_4.html)
5. Listas (../capitulo_5.html)
6. Imgenes y objetos (../capitulo_6.html)
7. Tablas (../capitulo_7.html)
8. Formularios (../capitulo_8.html)
9. Estructura y layout (../capitulo_9.html)
10. Metainformacin (../capitulo_10.html)
11. Otras etiquetas importantes (../capitulo_11.html)
12. Accesibilidad (../capitulo_12.html)
13. Validacin (../capitulo_13.html)
14. Fragmentos de cdigo (../capitulo_14.html)
15. Ejercicios resueltos (../capitulo_15.html)
2006-2017 LibrosWeb.es Contacto (/sitio/contacto) Novedades (https://plus.google.com/+librosweb) Condiciones (/sitio/condiciones)

Privacidad (/sitio/privacidad)
3.719
das online

2.4 Elementos HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

2.4 Elementos HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

16/2/2017 2.4.

Ver ndice de contenidos del libro

2.4. Elementos HTML

Una etiqueta de apertura.

Texto encerrado por la etiqueta.

Una etiqueta de cierre.

Figura 2.7 Esquema de las partes que componen un elemento HTML

Si se considera el siguiente ejemplo:

Figura 2.8 Diferencias entre elementos en lnea y elementos de bloque

puede aparecer dentro de un elemento de bloque y dentro de otro elemento en lnea.

Captulo 2. Caractersticas bsicas (../capitulo_2.html)

2.2. El primer documento HTML (../capitulo_2/el_primer_documento_html.html)

2.3. Etiquetas y atributos (../capitulo_2/etiquetas_y_atributos.html)

2.4. Elementos HTML (../capitulo_2/elementos_html.html)

2.5. Sintaxis de las etiquetas XHTML (../capitulo_2/sintaxis_de_las_etiquetas_xhtml.html)

6. Imgenes y objetos (../capitulo_6.html)

9. Estructura y layout (../capitulo_9.html)

10. Metainformacin (../capitulo_10.html)

11. Otras etiquetas importantes (../capitulo_11.html)

12. Accesibilidad (../capitulo_12.html)

13. Validacin (../capitulo_13.html)

14. Fragmentos de cdigo (../capitulo_14.html)

15. Ejercicios resueltos (../capitulo_15.html)

2006-2017 LibrosWeb.es Contacto (/sitio/contacto) Novedades (https://plus.google.com/+librosweb) Condiciones (/sitio/condiciones)

Anda mungkin juga menyukai