Etiqueta HTML

Etiqueta HTML
Todos los elementos del estándar HTML5 están listados aquí, descritos por
su etiqueta de apertura y agrupados por su función.
Contrariamente al índice de elementos HTML el cual lista todas las posibles

etiquetas, estándar, no-estándar, válidas, obsoletas o aquellas en desuso, esta
lista solamente los elementos válidos de HTML5.
Solamente aquellos elementos listados aquí son los que deberían ser usados
en nuevos sitios Web.
Etiquetas con etiqueta de

cierre
Apertura Cierre
<html> </html>
<head> </head>
<body> </body>
 
La etiqueta de apertura y la de cierre son las misma con la única diferencia de

la diagonal "/" , es necesario la etiqueta de cierre para limitar el campo de
acción de la etiqueta, por ejemplo a etiqueta nos indica el inicio de un
párrafo de texto y una vez que se escribe la etiqueta de apertura el navegador
tomará como párrafo todo el texto que se encuentre después de dicha etiqueta
hasta toparse con la etiqueta de cierre y así con las demás etiquetas
según la función de cada una, la mayoría de las etiquetas de HTML son
etiquetas de este tipo.
Etiquetas sin etiqueta

de cierre
Etiqueta
 
<img>
<hr>
<input>
Este segundo grupo de etiquetas no requieren de una etiqueta de cierre debido
a que su campo de acción está limitado al lugar en donde se incluye la
etiqueta.
En el primer ejemplo vemos la etiqueta que sirve para indica un salto de
línea, creo que es fácil deducir porque no necesita etiqueta de cierre, pues es
un elemento muy simple y el navegador no necesita que le digamos hasta
donde "limitar" el campo de acción de esta etiqueta pues los saltos de línea son
solo eso "un cambio de renglón y ya", si queremos más de un salto de línea
simplemente escribimos varios seguidos, la segunda etiqueta <img> sirve
para insertar una imagen en la página tampoco necesita etiqueta de cierre, ya
que la etiqueta se debe ubicar en el lugar en donde queramos insertar la
imagen, pero hace falta algo mas para completar la etiqueta ya que un simple
"img" no nos dice nada acerca de la imagen, para ello existen los atributos.
Atributos de etiquetas.
Las etiquetas tienen atributos que nos sirven para especificar ciertos detalles
de esa etiqueta, por ejemplo, especificar un color de texto o de fondo, el ancho
y alto de algún elemento, su alineación, la ubicación de un documento o
imagen, etc.
El segundo caso del ejemplo anterior vimos que <img> sirve para insertar una
imagen, pero para que la etiqueta funcione necesita de sus atributos, por medio
de estos le daremos uso a la etiqueta.
Los atributos se escriben dentro de la etiqueta de la siguiente forma:
<etiqueta atributo1="algo" atributo2="algo">
Ahora volviendo al ejemplo de la etiqueta <img> es necesario indicar en forma

de un atributo la dirección y el nombre de la imagen que queremos que se
muestre, esto de la siguiente manera:
<img src="carpeta/mi_imagen.jpg">
Con lo anterior nuestra etiqueta <img> ya podrá mostrar la imagen deseada.
Hay atributos específicos para cada etiqueta, en este ejemplo mostramos la

etiqueta <img> con el mínimo requerido, pero puede llevar mas atributos, que
no mencionaré aquí pues no es el tema a tratar, pero si hay que decir que a
cualquier etiqueta de HTML se le puede agregar atributos, para algunas
etiquetas como esta, será algo forzoso agregar el atributo, pero para otras
podrá ser algo opcional, sin embargo, las etiquetas y sus atributos son la base
del lenguaje HTML, y por medio de estas es como se construye una página
web.

Etiqueta HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etiqueta HTML

Cargado por

Copyright:

Formatos disponibles

Etiqueta HTML

Contrariamente al índice de elementos HTML el cual lista todas las posibles

Etiquetas con etiqueta de

La etiqueta de apertura y la de cierre son las misma con la única diferencia de

Etiquetas sin etiqueta

Los atributos se escriben dentro de la etiqueta de la siguiente forma:

<etiqueta atributo1="algo" atributo2="algo">

Ahora volviendo al ejemplo de la etiqueta <img> es necesario indicar en forma

Con lo anterior nuestra etiqueta <img> ya podrá mostrar la imagen deseada.

Hay atributos específicos para cada etiqueta, en este ejemplo mostramos la

También podría gustarte