close

¿Qué son y para qué sirven las etiquetas de HTML?

Empecemos por lo básico, saber qué es una etiqueta HTML. Esto se trata de un markup language, lo que quiere decir una serie de códigos que fueron escrito para que una persona pueda leerlo sin que se necesite compilarlos primeros. Para explicarlo en otra forma, el texto de la web está determinado por estos códigos que dan las instrucciones necesarias que necesita el navegador para que sepa cómo debe mostrar el texto o contenido de una web. Esto que va a determinar cómo se ven las web y cómo deben estar marcadas son las etiquetas HTML.

Lo otro que debes conocer es que una vez que escribes códigos en HTML, se está escribiendo etiquetas. Todas estas se hacen con un número que estará ubicado en un lugar específico. Estas etiquetas puede incluir signos como un carácter menor que “<”.

Estas palabras o caracteres que se usan van a determinar qué tipo de etiqueta se escribe.  También se podrán encontrar textos con el carácter mayor qué “>”. Es importante saber que los números de atributos HTML que se use deben ser escrito así: nombre=”valor”.

¿Hay etiquetas básicas en el HTML?

Ahora hablemos de las etiquetas que notarás son las más usadas cuando se escribe en código HTML:

Para el contenido de una página web se usa <body>

Cuando se quiera dar una información sobre el documento se pone <head>

Al momento de querer hacer una división dentro del contenido se puede usar <div>

Cuando se quiera dejar algún enlace es necesario usar <a>

Si se quiere poner un texto en negrita es necesario poner en uso la etiqueta <strong>

De requerir hacer saltos de línea se usa <br>

Al momento de escribir títulos de contenido se usa <H1>…<H6>

De querer añadir alguna imagen al documento se usa <img>

Otras etiquetas importantes

Para las listas ordenadas se pone en uso <ol>, <ul> para aquella listas desordenadas, y  <li> para los elementos que se quieran dentro de la lista

Los párrafos se pondrán con <p>

Cuando se quiere referir al estilo de una parte del texto se usa <span>

Al poner <body> </body> se estará indicando la parte del cuerpo del texto en el documento HTML. Es una etiqueta primordial en cualquier documento, ya que esta va a marcar donde comenzará el contenido visible.

La etiqueta <head></head> se pondrá en la parte superior de los documentos HTML, es en este lugar donde se le va a señalar a los metadatos los títulos de cada documento, las hojas de estilo, CSS, JavaScript, entre otros.

Ahora la etiqueta <div> </div> es un elemento que se usa normalmente para agrupar otros elementos, lo que hace es actuar como una especie de plantilla para otros controle. Este ayuda a poder estructurar un documento en varias secciones.

<a> </a> es la etiqueta que va permitir que se creen enlace en la página web. Es un atributo sumamente esencial de la etiqueta HTML es href, donde se pone en enlace a donde se quiere conectar. Otro de los atributos usado bastante es target,  que sirve para señalar que el enlace va abrirse en una nueva ventana o por el contrario en la misma.

Ejemplo HTML:

Primero haz clic en  <a href=”https://www.tudominio.com/” target=”_blank”>aquí</a> para visitar TuDominio.

Si se tiene mucho texto y se le quiere dar mayor énfasis a una parte específica, esto se puede hacer por medio de la etiqueta strong.

Ejemplo HTML:

De querer destacar solo <strong>este texto</strong>.

<br> con esta etiqueta se le indicará al navegador que viene un salto a otra línea. Lo que hará que el texto sea más leíble.

<H1> </H1> …. <H6> </H6>

Se tiene que tener en cuenta que hay distintos niveles de títulos, estos van desde el 1 al 6. Siempre, serán las etiquetas <H + el número que corresponde>. Hacer uso de esta etiqueta va a indicar qué importancia se le quiere dar a cada título y para la estructura del contenido, solo de esta forma se ayudará a los bots a entender qué es importante del contenido.

<IMG> </IMG> esta etiqueta se va a usar para mostrar las imágenes que se desean tener dentro del contenido de la página, en este caso el blog. Para que pueda funcionar se necesita el atributo src, ya que este va a indicar desde qué punto se va a mostrar la imagen.

Cuando se quiere hacer listas se usan las etiquetas <OL> <li></li> <OL> | <UL> <li></li> <UL>, las OL serán las listas que estarán ordenadas, mientas que las UL no tendrán orden. Dentro de las listas los elementos que la componen se van a identificar como LI.

Ejemplo HTML:

 

<ul>

 

<li> Elemento número uno</li>

 

<li>Elemento número dos</li>

 

<ul>

 

Las etiquetas <P> </P> van a servir para que se agrupen los textos dentro de un párrafo. Esto se hace para que el texto se pueda leer y organizar de forma fácil.

0 0 vote
Article Rating
[Total: 1   Promedio: 5/5]

Ultima actualización el por 🚀 Faviana 🔥

Subscribir
Notificar a
guest
0 Comments
Inline Feedbacks
View all comments