Saltar al contenido

C√≥digos HTML √ļtiles que desear√°s a√Īadir en tu web

23 octubre, 2019
Ve ‚≠ź C√ďDIGOS HTML b√°sicos y √ļtiles para sitios WEB o BLOGGER ‚úÖ, adem√°s, te daremos una LISTA EXTENSA ‚≠ź de c√≥digos para decorar tu web.

En este post aprender√°s todo acerca de los c√≥digos HTML b√°sicos y √ļtiles para sitios web o blogger, adem√°s, te daremos una lista muy extensa de c√≥digos para decorar tu web y extender sus funcionalidades. ¬°ENTRA!

INICIAMOS:

Bienvenidos.

En este post te hablaremos de códigos HTML que te serán de gran utilidad y querrás agregarlos a tu web. Indiferentemente de que estés iniciando tu web o que ya exista y desees refrescar la presentación de la misma, estos códigos te serán de gran ayuda.

Me gustaría comentarte que algunos de ellos los utilicé en Master Coria cuando recién estaba empezando a aparecer en la internet, así que la recomendación va directa de con nosotros.

Si estás empezando tu sitio desde cero, nos gustaría comentarte todo lo que necesitas saber antes de que vayas a ver los preciados códigos HTML para blogger o tu web, así que vayamos a ello.

¬ŅQu√© son?

Estas siglas HTML significa HyperText Markup Language; que dicho en otras palabras quiere decir Lenguaje de Marcas de Hipertexto, y en resumidas cuentas en el término coloquial se conoce como lenguaje de marcado.

Este lenguaje es utilizado para la creación de páginas webs; ayudan a ordenar y organizar la estructura o el cuerpo del documento, aunque no existen reglas para la secuencia. Con este lenguaje se logra identificar con nombres las etiquetas que se aplicarán en el escrito.

Si deseas visualizar y conocer el lenguaje de marcado o código HTML de una página web, puedes intentar estas opciones estando en la página: teclea Ctrl+U ó también lo puedes ver dando clic en el botón derecho del mouse y luego selecciona la opción ver código fuente de la página.

Haciendo este proceso se desplegará una ventana denominada editor de texto donde se observará justamente el código de fuente que no es más que la estructura interna del sitio web.

Para ver los códigos HTML de una web, presiona CTRL + U.
Para ver los códigos HTML de una web, presiona CTRL + U.

Códigos HTML básicos

Las etiquetas que componen los códigos HTML básicos, contienen además elementos que moldan la estructura principal del lenguaje; brindándole al trabajo dos propiedades esenciales como lo son: el propio contenido como tal, y agregándole además los atributos de este.

Entre los códigos HTML que son básicos te podemos mencionar los siguientes:

  • <html>: se utiliza al inicio para indicar al navegador que el sitio web contiene codificaci√≥n HTML y as√≠ se podr√° reconocer de esta forma, adem√°s, as√≠ se inicia la estructura de un documento HTML.
  • <head>: este es utilizado para enunciar el encabezado del contenido.
  • <title>: se usa para darle un nombre al contenido en la web, con la finalidad que los usuarios puedan identificar. Este nombre se puede ver en la ventana o pesta√Īa de tu navegador web.
  • <body>: de todos los c√≥digos HTML b√°sicos, esta etiqueta es la que le aporta el cuerpo al contenido de la p√°gina, con esta etiqueta podr√°s agregar texto, v√≠deos, im√°genes, entre otros.
  • <h1>, <h2>, <h3> … <h6>: con estas se pueden agregar t√≠tulos y subt√≠tulos al contenido.¬† <h1> se utiliza para el t√≠tulo principal y se recomienda usarlo una sola vez, los siguientes <h2>¬†hasta <h6> se usan para los subt√≠tulos.
  • <p> y <br>: estos son para dividir los p√°rrafos y aplicar saltos de l√≠nea.
  • <img>: con estas podr√°s incluir im√°genes al contenido de la p√°gina.
  • <a>: puedes incluir hiperv√≠nculos al sitio, con la finalidad de visitar otros sitios web de inter√©s que est√©n relacionados al contenido.
  • <style>: sirve para aplicar el estilo que se desea entre estos, la tipograf√≠a, fuente, color, tama√Īo.

Gracias a los códigos HTML, aunque sean básicos, podemos formular la estructura web con ellos, y eso es, todo aquello que el usuario podrá ver dentro de nuestra plataforma.

Te sugerimos te aprendas todos los códigos básicos para que a la hora de construir tu portal, sepas específicamente qué etiqueta debes usar y cómo la debes usar, así te ahorrarás tiempo en estar consultando una por una.

Códigos HTML para páginas web

El contenido o el texto en sí se desarrolla por medio de etiquetas, conocidas también como tags, gracias a estas se logra interconectar variados formatos y conceptos.

La forma de este lenguaje de marcado se da como ya lo mencionamos, a través de etiquetas que estarán encerradas con corchetes angulares como se muestran a continuación: <>.

Estos códigos HTML para páginas web admiten otro tipo de códigos llamados scripts; estos son los que se encargan de procesar el lenguaje, aportando a los navegadores instrucciones directas. Entre los scripts más reconocidos está JavaScript.

El navegador reconoce estas instrucciones como un método de etiquetas en serie o elementos, tales como: texto, lista de palabras, hipervínculos, imágenes, entre otras adhesiones; estos códigos html para páginas web tienen el propósito de dar dinamismo al sitio.

Si deseas conocer una amplia lista de códigos HTML para tu sitio web ya previament hechos (popups, contadores, formularios, juegos, etc), podrás encontrarla en el siguiente enlace.

Lista de códigos ACTUALIZADA

Códigos HTML para blogger

Es necesario que conozcas los c√≥digos HTML para blogger que est√°n aplicados en tu blog, ya que de esta manera puedes tener mayor control de la estructura y dise√Īo de tu sitio.

Estos códigos HTML para blogger, te ayudarán a personalizar tu blog, aplicando tu toque distintivo.

Otro beneficio que te brindará trabajar con códigos HTML en tu blog, es que lo puedes usar cuando quieras o lo necesites en las plataformas Blogspot, WordPress, Tumblr o inclusive en la web normal.

Códigos ACTUALIZADOS para BLOGGER

codigos html para bloggers

Básicamente son los mismos códigos HTML que se aplican para la creación de páginas web.


Esperamos este post haya sido de tu agrado. Tenemos para ti más información, visita nuestros posts:

¬ŅHab√≠as escuchado anteriormente sobre los c√≥digos HTML? ¬ŅTe pareci√≥ √ļtil la informaci√≥n para crear tu p√°gina web? Expr√©sate en nuestros comentarios, tu aporte es de gran ayuda para nosotros.

Agradecidos por tu atención, será hasta un próximo post.