Analítica y Usabilidad

Tendencias, novedades, noticias y tips del mundo de Analítica y Usabilidad

📈 Analítica y Usabilidad

17 Jun 2019
Sé el primero en comentar

¿Qué es una etiqueta HTML y cuáles son las más importantes?

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4,50 out of 5)
Cargando…
Xavier Idevik

Cuando empiezas en el negocio y escuchas hablar a tus compañeros de profesión, te encontrarás con que nombran una serie de términos y frases que son nuevos para ti, por eso hoy te explicamos qué es una etiqueta HTML y aprendas a usarlas en tu día a día ¿Quieres saber más?

También te puede interesar: Cómo cambiar WordPress a HTTPS fácilmente

¿Qué es una etiqueta HTML?

HTML es un markup language, lo que significa que está escrito con códigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una página web está «marcado» con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto. Estas etiquetas de marcado son las propias etiquetas HTML.

Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las etiquetas HTML están hechas con un número de partes específicas, incluyendo:

  • El carácter “menor que” <
  • Una palabra o carácter que determina qué etiqueta se está escribiendo
  • Cualquier número de atributos HTML que se quiera usar, escritos de la forma nombre=”valor”
  • El carácter “mayor que” >

Etiquetas HTML básicas

Hay una serie de etiquetas que son las más usadas para crear cualquier documento HTML, a continuación las explicamos:

  • <body> para el contenido
  • <head> para información sobre el documento
  • <div> división dentro del contenido
  • <a> para enlaces
  • <strong> para poner el texto en negrita
  • <br> para saltos de línea
  • <H1><H6> para títulos dentro del contenido
  • <img> para añadir imágenes al documento
  • <ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
  • <p> para parágrafos
  • <span> para estilos de una parte del texto

<body> </body>

Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta esencial para cualquier documento ya que indica donde empieza el contenido visible del documento.

<head></head>

La parte superior del documento HTML, es donde podremos indicar los metadatos: título del documento, hojas de estilos, javaScript, CSS…

<div> </div>

Un elemento que es usado mayoritariamente para agrupar otros elementos y actuar como plantilla de otros controles. La etiqueta <div> nos ayuda a estructurar el documento en secciones.

Cómo crear un blog con WordPress

<a> </a>

Es una etiqueta que nos ayuda a poder crear un enlace a una página web. El atributo principal de la etiqueta HTML es href, donde pondremos el enlace al que queremos conectar. Otro atributo muy usado es target, el cual nos sirve para indicar si el enlace se abrirá en una nueva ventana o en la misma.

Ejemplo HTML:

Pulsa <a href=”https://www.dondominio.com/” target=”_blank”>aquí</a> para visitar DonDominio.

<strong> </strong>

Si tienes mucho texto, es importante poder dar énfasis a una parte en concreto, con la etiqueta strong lo podemos hacer.

Ejemplo HTML:

Quiero destacar solo <strong>esta palabra</strong>.

<br>

Con esta etiqueta HTML le podemos decir al navegador que viene un salto de línea. Nos sirve para hacer el texto más leíble.

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

Hay diferentes niveles de títulos, del 1 al 6. Las etiquetas <H + número> nos permiten indicar la importancia del título y para estructurar el contenido, de esta forma ayudamos a los bots a entender la importancia del contenido.

<IMG> </IMG>

Usamos la etiqueta IMG para mostrar imágenes dentro del contenido. Necesita el atributa src para funcionar, ya que será donde indicaremos desde donde tiene que mostrar la imagen.

<OL> <li></li> <OL> | <UL> <li></li> <UL>

Las etiquetas OL y LI nos sirven para crear listas, OL para listas ordenadas y UL para listas sin orden, dentro de las listas, los elementos se identifican con la etiqueta LI.

Ejemplo HTML:

<ul>

<li>Primer elemento</li>

<li>Segundo elemento</li>

<ul>

<P> </P>

Etiqueta que nos sirve para agrupar texto dentro de un parágrafo. El propósito es poder hacer el contenido más fácil de leer y organizado.

<SPAN> </SPAN>

Con la etiqueta podemos personalizar el estilo de solamente una parte del texto.

Ejemplo HTML:

Solo <span style=”color: red;”>esta palabra</span> en rojo.

Los atributos HTML te permitirán trabajar más rápido y de forma más eficiente. Si quieres incorporar estas habilidades en tu perfil profesional no dudes en consultar nuestro Executive Master en Marketing Digital, Analítica y UX. Contarás con el apoyo y seguimiento de expertos en activo en cadauna de estas áreas.

No dudes en compartir, ¡estamos seguros de que ayudarás a muchos de tus contactos!

Executive Master en Marketing Digital, Analítica y UX

¡Fórmate con los mejores!

Fórmate en las ramas más demandadas del momento: Marketing, Analítica y UX

Comparte y comenta este artículo!

Ideas, noticias y mucha formación en tu bandeja de correo
Suscríbete ahora y recibe los mejores contenidos sobre Emprendedores, Marketing, Negocios e Internet

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

SUSCRÍBETE AL BLOG
Ideas, noticias y mucha formación en tu bandeja de correo
Sucríbete ahora y recibe todo el contenido de nuestro blog
SUBCATEGORÍAS
LO MÁS LEÍDO HOY

BUSCA EN EL BLOG

IEBS EN LAS REDES

Si lo prefieres puedes seguir nuestro RSS: