Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Codigos HTML
Codigos HTML
Si eres un recién llegado al mundo del desarrollo web, y quieres tener el listado de las etiquetas
HTML más comunes, este post te gustará. Guarda esta página en favoritos porque a
continuación tendrás el listado de etiquetas HTML definitivo. ¡Comenzamos!
Índice de contenidos
1 ¿Qué es una etiqueta HTML?
2 Listado etiquetas HTML
o 2.1 Etiquetas iniciales o de raíz
o 2.2 Metadatos del documento
o 2.3 Etiquetas de secciones o para estructurar el HTML
o 2.4 Etiquetas para la agrupación de contenido
o 2.5 Etiquetas semánticas para texto
o 2.6 Etiquetas para incrustar contenido
o 2.7 Etiquetas para la creación de tablas
o 2.8 Etiquetas para la creación de formularios
3 Conclusión
Las etiquetas HTML comienzan siempre con el símbolo «<» y finalizan con el símbolo «>».
Entre medias de estos dos símbolos irá el nombre de la etiqueta que queremos que el navegador
interprete.
Todas las etiquetas HTML están compuestas por una etiqueta de apertura, y una etiqueta de
cierre. Aunque hay excepciones, como por ejemplo la etiqueta para cargar una imagen que son
llamadas etiquetas huérfanas, ya que solo tienen etiqueta de apertura.
Las etiquetas de cierre se construyen con una barra «/» justo antes de la propia etiqueta y los
símbolos «<» y «>». Resumiendo, si queremos «pintar» un párrafo en la página web, abriremos
con la etiqueta de apertura de párrafo «<p>», y cerraríamos con la etiqueta de cierre «</p>».
<p>Esto es un párrafo</p>
Una vez que conocemos que son las etiquetas y como implementarlas en nuestro código web,
pasemos a ver un listado de las etiquetas HTML más comunes
Etiquetas HTML 5
<body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que quieras
mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
<body>. Este contenido será el que se muestre en la web.
<nav> </nav> Usadas para definir el contenido que será la sección de navegación de la
web.
<main> </main> Se usa para definir el contenido principal del documento. Solamente
puede existir uno por documento.
<section> </section> Define una sección del documento
<article> </article> Define contenido independiente de la web.
<aside> </aside> Dentro de estas etiquetas suele alojarse el contenido adicional de la
web. Suele ser contenido relacionado con la web pero de poca importancia
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son
usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar
brevemente el contenido que irá a continuación.
<header> </header> Se usan para definir la cabecera la página web. Suele contener el
logotipo, menú de navegación, etc.
<footer> </footer> Usadas para definir el pie de página.
CONCLUSIÓN
Además de las etiquetas HTML que aquí te he mostrado, existen muchas más. Pero sinceramente,
creo que con este listado podrás hacer el 99% de las páginas web. Y si tienes dudas con
alguna etiqueta, o bien has encontrado alguna de la que no te he hablado aquí y quieres saber
más, consulta el siguiente enlace. Iras a la página del World Wide Web Consortium o W3C,
que como le digo a mis alumnos del curso de diseño web, son la referencia donde consultar
primero cualquier duda sobre HTML y CSS.