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.
Índice del artículo
¿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.
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.
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
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:
- Etiquetas, atributos y comentarios en HTML
- Listas ordenadas y desordenadas en HTML
- Enlaces, rutas absolutas y relativas en HTML
¿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.