En esta lección veremos que es una etiqueta HTML y veremos cuales son las más comunes y aprenderemos a utilizar estas etiquetas con algunos ejemplos.
Recuerda que este post forma parte de la «serie-curso-diccionario» para aprender HTML desde cero donde veremos todas y cada una de las etiquetas de este lenguaje.
Si acabas de aterrizar en el ámbito del diseño web, te recomiendo que empieces por el principio y conozcas que es HTML y para que sirve.
Este es un curso gratuito y agradecería que me apoyaras siguiendome en mis redes sociales y con algún que otro comentario, aunque sea para decirme hola 🖐.
¿Qué son las etiquetas HTML?
Las etiquetas son elementos fundamentales del lenguaje de marcado de hipertexto (HTML), que se utilizan para estructurar y dar formato a documentos web. Las etiquetas indican cómo se deben presentar o comportar los elementos de una página web. Es decir, nos indican donde tiene que ir cada cosa.
Si quieres «verlo con tus propios ojos» te dejo por aquí el vídeo donde lo explico 😀
Etiquetas más comunes en HTML
A continuación veremos algunas de las principales etiquetas que tiene este lenguaje.
- <!DDOCTYPE HTML>: Declara el tipo de documento y la versión de HTML. Se coloca siempre al principio, muy importante para que el navegador lea correctamente el documento.
- <html>: Envuelve todo el contenido del lenguaje.
- <head>: Cotiene todas etiquetas de meta-información, como el título, la descripción, estilos CSS (con etiqueta link) y scripts de JavaScript (con la etiqueta <script).
- <body>: Contiene todo el contenido visible de la página web.
- <footer>: El footer se utiliza para definir un pie de página para un documento o una sección en HTML. Este elemento generalmente contiene información como el autor del documento, información de derechos de autor, enlaces a términos de servicio, detalles de contacto, etc.
Existen muchas otras etiquetas que se suelen utilizar a menudo como las etiquetas anchors <a> para los enlaces, los <p> para los párrafos o las secciones o envoltorios con un <div>.
Diferencia entre etiquetas de apertura y de cierre
Una etiqueta HTML se compone de un nombre de etiqueta rodeado por corchetes angulares (< y >).
Por lo general, las etiquetas vienen en pares: una etiqueta de apertura y una etiqueta de cierre. La etiqueta de apertura marca el inicio de un elemento, mientras que la etiqueta de cierre marca su final. La etiqueta de cierre es similar a la etiqueta de apertura pero tiene una barra diagonal (/) antes del nombre de la etiqueta.
Ejemplos de etiquetas
No hay nada mejor que un ejemplos sencillo, para ver como se usan estas etiquetas en HTML. Además, veremos como se pueden crear unas dentro de otras.
En este ejemplo tenemos un enlace <a>, dentro de un párrafo <p>, que está dentro de un <div>. Explicado de esta manera es un poco lioso, pero en la imagen se puede ver de forma simple como se estructura.
Como hemos comentado anteriormente hay un montón de etiquetas, todas ellas útiles e interesantes. Recuerda que tienes los comentarios de abajo para preguntarme cualquier cosa (no te pases) y también acepto sugerencias.
Nos vemos en la siguient elección ¡Bye!