Definición y Elementos

Definición de elemento HTML y XHTML

De momento se ha hecho referencia a las etiquetas del lenguaje, de hecho la mayoría de veces se suele denominar etiqueta a un elemento y viceversa. Realmente lo que se considera un elemento es al conjunto que forman la etiqueta de apertura, los atributos de la etiqueta, el contenido de la misma y la etiqueta de cierre. Teniendo en cuenta estos componentes, un ejemplo de elemento sería el siguiente:

<p id=”Primer Párrafo”>visita nuestra web www.aprendoencasa.com</p>

Como se puede observar el elemento es un párrafo que consta de la etiqueta de apertura en la cual se ha insertado el atributo con su valor entrecomillado, a continuación esta el texto que ha de visualizar el elemento y por último la etiqueta de cierre. Se ha de tener en cuenta que la mayoría de veces un elemento consta de dos etiquetas la de apertura y la de cierre.

Elementos en bloque y en linea

Tanto en HTML como en XHTML, se definen dos tipos de elementos, los elementos en bloque y los elementos en línea.

Su nombre es debido a la forma en que ocupan espacio dentro del documento que se está creando. Un elemento en bloque significa que el elemento ocupa todo el ancho del documento disponible produciendo un retorno de línea al final del mismo. Si se visualizarán los bordes alrededor del elemento, un elemento en bloque quedaría de la siguiente forma en un documento:

Imagen con elemento de bloque y linea

Imagen con elemento de bloque y linea

Como se puede observar el elemento en bloque ocuparía todo el ancho de página del documento. Los elementos en línea por el contrario solo utilizan el espacio que ocupan, observando la imagen anterior el elemento en línea esta insertando dentro de un elemento de bloque y tiene el tamaño correspondiente al espacio que ocupa. A continuación se muestra un ejemplo real de página en la cual se visualizan los bordes para varios elementos en el cual se puede comprobar el espacio que ocupan cada tipo de elemento.

demostracion de bloque en linea

demostracion de bloque en linea

Los elementos en línea, solo pueden contener texto u otros elementos en línea, mientras que los elementos en bloque pueden contener elementos en bloque y en línea. A continuación se indica cuales son los elementos en bloque y en línea del lenguaje:

Elementos de bloque
address blockquote center dir div dl
fieldset form h1 h2 h3 h4
h5 h6 hr isindex menu noframes
no-script ol p pre table ul
dd dt frame-set
li tbody td
tfoot th thead tr

Elementos de linea
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

Elementos de línea o bloque según utilización
button
iframe
ins
map
object
script
del

Etiquetas de Technorati: ,,,

Enviar comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies