Las etiquetas html son unas de las primeras cosas con las que te familiarizas cuando empiezas en el ámbito de la informática y la creación de páginas web, pues son sumamente importantes porque hacen parte del lenguaje de programación. ¿Te interesa el tema? Sigue leyendo porque hemos preparado un completo artículo hablando al respecto.
¿Qué son exactamente las etiquetas html?
Cuando hablamos de código html nos referimos al lenguaje utilizado para construir páginas web, compuesto por una serie de etiquetas con interpretaciones diferentes que crean o modifican la apariencia y la funcionalidad de la web. Teniendo esto claro, las etiquetas son las partes del código que permiten a los programadores diseñar a su antojo, crear funcionalidades, hacer la página web más o menos accesible, incorporarle tiendas online y añadirle tantas herramientas como sean necesarias.
Como todo lenguaje, el de programación tiene ciertas reglas que son necesarias para que el navegador pueda entender lo que se le está pidiendo que haga. Aquí entran en juego los elementos que queremos añadir a la web y que van acompañados de una etiqueta de entrada (<nombre-del-elemento>) y una etiqueta de salida (</nombre-del-elemento>). Es importante tener claro que elemento y etiqueta no son lo mismo, aunque frecuentemente se considere que sí.
El contenido de la página web depende de los elementos que se sitúen entre etiquetas html. Ejemplo: <b>Esto es un ejemplo</b>. Con esta sencilla demostración se pueden identificar tres cosas: la etiqueta de entrada (<b>), el contenido del elemento (‘Esto es un ejemplo) y una etiqueta de salida (</b>).
Teniendo las etiquetas y el contenido del elemento, es posible darle atributos o propiedades: colores, formas, tamaños, etc. En lenguaje de programación, estas propiedades se escriben después del nombre del elemento y deben ir precedidos por un espacio. Además, cada elemento tiene un nombre, un signo igual y un valor que puede o no ir entre comillas. Ejemplo: Ejemplo: <b style=”color: red”> Esto es un ejemplo </b>.
Para cerrar con esta introducción básica, tenemos los eventos, que permiten a los programadores hacer un mapa de la página web y calcular las posibles respuestas ante las interacciones de quienes la usen. Un ejemplo de esto que es posible ver en página webs es cuando el cursor del mouse se posiciona sobre un elemento y este cambia de tamaño, de forma o de color.
Al ser un lenguaje nuevo, existen muchas etiquetas que serán necesarias para crear una página web en condiciones. Sin embargo, te dejamos una lista de las más básica y comunes:
<Title>
Se utiliza para establecer el título del documento.
<Body>
Identifica la parte corporal o cuerpo de un documento.
<P>
Selecciona e identifica un trozo de texto como párrafo.
<B>
Cambia el estilo de un texto a negrita.
<Sub>
Define el texto subíndice.
<Select>
Permite crear una lista desplegable.
<Table>
Funciona para crear o definir una tabla.
<Img>
Permite insertar o definir una imagen personalizada.
<a>
Sirve para añadir un vínculo.
<Span>
Define una sección del documento.
¿Te pareció interesante este artículo? Puedes revisar toda la oferta formativa de Mare Nostrum Business School, o ponerte en contacto con Emagister y resuelve cualquier duda con nosotros.
Si eres ya un estudiante de este centro y quieres valorar tu experiencia, ¡deja tu opinión gracias a este formulario!
