¿Eres un blogger? Entonces te beneficiarás de saber algo de código HTML

Confundido acerca de Código HTML? No eres el único.


Lo admito. Cuando comencé a escribir para la web, sabía que no tenía importancia Código HTML. Y lo admitiré de nuevo. Sigo sin saber mucho.

Sin embargo, he descubierto que un poco de conocimiento de HTML puede hacer que las cosas sean mucho más fáciles al escribir para la web.

aprender el lenguaje de marcado de hipertexto

Claro, no sé cómo construir un sitio web, pero sí sé cómo ajustar componentes pequeños, y cuando me enfrento a un sistema de edición que requiere código HTML, que probablemente también se encuentre, lo sé suficiente para formatear mi texto correctamente.

¿Quiere eliminar esa confusión y aprender un poco sobre la codificación HTML? Empecemos.

¿Qué es el código HTML??

Lo has visto por todas partes, pero probablemente no sabes qué significa todo ese galimatías HTML.

Lo que representa Lenguaje de marcado de hipertexto. HTML es un sistema estandarizado utilizado para formatear documentos. Los códigos utilizados, llamados etiquetas de marcado, pueden formatear la fuente, el tamaño del texto, el color, los hipervínculos, los párrafos y más..

Los navegadores web leen HTML y usan las etiquetas para determinar cómo mostrar el contenido. Un ejemplo de una etiqueta es la que crea texto en negrita, que se ve así:

Este es texto en negrita.

En la página, se ve así:

Este es texto en negrita.

A lo largo de los años ha habido muchas versiones de HTML, pero a partir de octubre de 2014, HTML5 es el lenguaje de marcado estandarizado de la web..

Por qué es bueno que los bloggers lo sepan

Si bien puede sobrevivir sin conocer ningún HTML como blogger y hacer un poco de trampa, como usar un programa que convierta su formato a lenguaje HTML, conocer un par de etiquetas básicas realmente puede ayudarlo mientras escribe.

Aquí hay algunas situaciones en las que personalmente lo he encontrado útil:

  • Cuando bloguea como invitado, algunos sitios quieren que su biografía de autor esté escrita en formato HTML. Con un poco de conocimiento, podrá agregar enlaces y cursivas donde sea necesario.
  •  Cuando algo se ve mal, puedes echar un vistazo al HTML de la página y ver qué está causando el problema.
  •  En las redes en línea, puede usar etiquetas HTML para formatear comentarios de publicaciones de blog y comentarios de foros.
  •  Si aprende lo suficiente sobre HTML, puede comenzar a aprender un poco sobre CSS y hacer pequeños ajustes a su sitio web sin contratar a un diseñador.

Códigos comunes que usan los bloggers

Antes de profundizar demasiado, sepa que las etiquetas HTML son palabras clave encerradas entre corchetes angulares. Estas etiquetas vienen en pares, y el texto entre la etiqueta de inicio y la etiqueta final es lo que se verá afectado. La etiqueta final se escribe igual que la etiqueta inicial, pero usa una barra inclinada antes del nombre de la etiqueta.

¿Suena confuso? Es más fácil si doy un par de ejemplos. Echemos un vistazo a algunas de las etiquetas HTML comunes que debe conocer como blogger.

Etiquetas esqueléticas

Primero vienen las etiquetas esqueléticas. Estos son los que no usará necesariamente, pero es útil conocerlos. Estas etiquetas sientan las bases del documento, de ahí el término “etiquetas esqueléticas”. La página web los leerá, pero no se traducirán en elementos visuales..

Aun así, es bueno saberlo. Por ejemplo, ¿alguna vez trabajó con un programa que le pide que pegue un código en la sección “principal” de su sitio web? Podrá encontrar eso con un poco de conocimiento de HTML. Así que aquí hay algunas etiquetas esqueléticas que debes saber:

  • : Esta sección describe el documento HTML.
  •   : Esta sección proporciona información sobre el documento..
  •   : Esto proporciona el título del documento..
  •   : Esto describe elementos visuales de la página. Es en la sección del cuerpo de la página donde los bloggers suelen hacer ajustes HTML cuando sea necesario. El resto de las etiquetas mencionadas se encuentran dentro del cuerpo del documento..
  •  

    : Esta etiqueta describe un párrafo.

Recuerde que el texto de su página está encerrado en las etiquetas de inicio y fin. Aquí hay un ejemplo:

Este es el texto del párrafo.

Etiquetas de encabezado

Las etiquetas de encabezado se utilizan para mostrar la jerarquía del documento. Es probable que ya esté utilizando encabezados en el formato de su blog, pero la diferencia entre los encabezados 1-6 significa más que solo el tamaño del texto y el peso de la fuente. También transmiten un sentido de jerarquía a los navegadores web y los robots de los motores de búsqueda..

El encabezado 1 debe usarse para el encabezado principal del documento, como el título de la publicación de su blog. El encabezado 2 debe ser información secundaria, como sus subtítulos principales. Use el Título 3 para los subtítulos, y así sucesivamente hasta el Título 6. Estas etiquetas se ven así:

Aquí hay un ejemplo de cómo se traduce:

Este es el título 5

Este es el título 5

Etiquetas de texto en línea

Las etiquetas de texto en línea son aquellas que usará para formatear texto dentro de etiquetas de nivel de bloque como

y

. Aquí hay ejemplos de lo que usará comúnmente.
  • : Esto define el texto enfatizado, que la mayoría de los navegadores en cursiva.
  •   : Esto define texto fuertemente enfatizado, que la mayoría de los navegadores en negrita.
  •   : Esto formatea una cita.
  •   : Esto muestra texto eliminado, que a menudo se traduce como tachado, como este.

Etiquetas de lista

Como habrás notado, he usado varias listas de viñetas en esta publicación de blog. ¿Pero cómo lo hice? Aquí están las etiquetas que necesita saber:

  • : Esto define un elemento de lista.
  •  
      : Esta etiqueta va alrededor de una lista desordenada, que se mostrará como viñetas.
    •  
        : Esta etiqueta va alrededor de una lista ordenada, que se mostrará como números.

    Aquí hay un ejemplo de cómo se vería el código HTML para una lista ordenada:

    1. Listar elemento 1
    2. Listar elemento 2
    3. Lista elemento 3

    Así es como se muestra en la página:

    1. Listar elemento 1
    2.  Listar elemento 2
    3.  Lista elemento 3

    Etiquetas de imagen y enlace

    Antes de separarnos, echemos un vistazo rápido a cómo insertar imágenes y enlaces. Quizás sea más fácil simplemente ver el código y luego completar su información cuando usa las etiquetas:

    Enlace

    TU TEXTO DE ANCLA

    No elimine las comillas alrededor de su URL. Simplemente inserte su URL entre las comillas. El texto de anclaje es el texto que aparece en la página..

    Veamos un ejemplo. Si quisiera vincular a un artículo anterior de Hosting Kingdom, el código se vería así:

    ¿Debe registrar un dominio a través de su proveedor de alojamiento web??

    El enlace se mostraría así en la página:

    ¿Debe registrar un dominio a través de su proveedor de alojamiento web??

    Imagen

    El código de una imagen se ve así:

    Tenga en cuenta que esta es una etiqueta que no contiene contenedores, por lo que no tiene la etiqueta final, pero necesita el atributo src. Puede agregar extras a esta etiqueta, como texto alternativo o una definición de tamaño. Eso se vería así:

    ”YOUR

    Nuevamente, asegúrese de no eliminar las comillas..

    Nota: Es posible que vea diferentes códigos que se pueden usar para lo mismo. Por ejemplo, he visto el , , y etiquetas utilizadas para texto en negrita, aunque pueden aparecer de manera diferente en varios navegadores.

    HTML no tiene que ser tan confuso como parece. Para practicar HTML y tener una mejor idea, use sitios interactivos como Academia de código, y cuéntanos cómo va en la sección de comentarios.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map