Las 11 etiquetas HTML más importantes que todo blogger y propietario de un sitio web deben saber

La world wide web sabe muchos idiomas y está codificada en varios idiomas diferentes. Sin embargo, el único idioma que se puede encontrar en todas partes y ha existido desde la invención de las páginas web es el lenguaje de marcado de hipertexto, más conocido como HTML. Como su nombre lo indica, HTML no es una programación, sino un lenguaje de marcado. Las marcas son interpretadas por los navegadores para visualizar el contenido de los sitios web. En su forma más simple, HTML se utiliza para formatear texto, incrustar archivos multimedia y organizar contenido en una página web. En otras palabras, HTML describe las páginas web y, según esta descripción, el navegador crea una 'imagen'.

Gracias a los creadores de sitios web gratuitos, nadie necesita desordenar más la codificación HTML. Sin embargo, en ocasiones las etiquetas HTML pueden ser útiles, por ejemplo, para hacer cambios rápidos en un sitio web, agregar hipertexto en un comentario o dar formato al texto para una publicación en el foro. En este artículo quiero mostrarles algunas etiquetas, posiblemente aleatorias, pero definitivamente útiles y simples para el uso diario.

Antes de comenzar, permítame presentarle algunas reglas básicas que, con suerte, harán que las etiquetas HTML sean más fáciles de entender:

• HTML utiliza etiquetas de marcado, que están encerradas entre paréntesis angulares, como esto:
• Las etiquetas que se parecen a la del ejemplo anterior se denominan etiquetas de inicio. Cada etiqueta de inicio debe ir seguida de una etiqueta de finalización en algún punto, como este:
• Algunas etiquetas no describen el contenido. Sin embargo, para cumplir con los estándares actuales, aún deben terminar. En consecuencia, unen la etiqueta inicial y final, como esta:
  

Formato de texto

Las etiquetas HTML suelen ser sencillas. Las etiquetas para hacer texto en negrita, cursiva o subrayado se derivan de la palabra respectiva.

Entrada: negrita
Salida: negrita

Entrada: itálico
Salida: itálico

Entrada: testado
Salida: testado

Entrada: golpear a través del texto
Salida: golpear a través del texto

Creando Hipertexto

Las URL simples pueden parecer bastante feas. Agregar el hipervínculo a un texto, es decir, crear un hipertexto, es mucho más elegante y ahorrará espacio, especialmente si el enlace es muy largo.

Entrada: Hacer uso de
Salida: Hacer uso de

Como puede ver, esta etiqueta HTML es un poco más complicada, así que echémosle un vistazo en detalle. La etiqueta real es y los elementos adicionales son atributos que especifican otras características. El atributo href = especifica el enlace y título = define la información sobre el mouse-over. Asegúrese de usar comillas para incluir el enlace y el título, de lo contrario podría terminar con un enlace roto..

Incrustar imágenes

Una imagen puede decir más de mil palabras. Deberíamos usarlos más a menudo. Y así es como puedes insertar manualmente uno usando HTML:

Entrada:
Salida:

Analicemos también esta etiqueta. Una vez más, la etiqueta real es y los atributos requeridos son src = y alt =. El primero apunta a la ubicación de la imagen, es decir, su URL, y el segundo proporciona un texto alternativo, que se muestra en caso de que la visualización de las imágenes se bloquee o se rompa el enlace. Una vez más, utilice comillas para evitar enlaces rotos.

los la etiqueta también es un ejemplo de una etiqueta que no necesita ser "terminada" y por lo tanto se cierra con el guión hacia adelante en la etiqueta inicial, es decir,. más bien que .

Saltos y párrafos

Para crear un texto estructurado, debe utilizar saltos de línea y párrafos. Y estas son las etiquetas que necesitas saber:

Entrada:

Salida: Esta etiqueta crea un salto de línea. Tenga en cuenta que esta es otra etiqueta que une las etiquetas de inicio y finalización en una.

Entrada:

Texto dentro de tu párrafo.