Professional Documents
Culture Documents
ElementosHTML(IntroduccinaXHTML)
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:
Cero o ms atributos.
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 <p> , atributos y contenidos
de texto:
La estructura mostrada en el esquema anterior es un elemento HTML ya que comienza con una etiqueta de
apertura ( <p> ), contiene cero o ms atributos ( class="normal" ), dispone de un contenido de texto ( Estoesun
prrafo ) y naliza con una etiqueta de cierre ( </p> ).
Por tanto, si una pgina web tiene dos prrafos de texto, la pgina contiene dos elementos y cuatro etiquetas
(dos etiquetas <p> de apertura y dos etiquetas </p> 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.
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>
<p>Losprrafossonelementosdebloque.</p>
<ahref="http://www.google.com">Losenlacessonelementosenlnea</a>
<p>Dentrodeunprrafo,<ahref="http://www.google.com">losenlaces</a>
siguensiendoelementosenlnea.</p>
</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):
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 <p> 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
http://librosweb.es/libro/xhtml/capitulo_2/elementos_html.html 2/4
16/2/2017 2.4.ElementosHTML(IntroduccinaXHTML)
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)
3. Texto (../capitulo_3.html)
4. Enlaces (../capitulo_4.html)
5. Listas (../capitulo_5.html)
7. Tablas (../capitulo_7.html)
8. Formularios (../capitulo_8.html)
http://librosweb.es/libro/xhtml/capitulo_2/elementos_html.html 3/4
16/2/2017 2.4.ElementosHTML(IntroduccinaXHTML)
3.719
das online
http://librosweb.es/libro/xhtml/capitulo_2/elementos_html.html 4/4