Web

Qué es HTML

Qué es HTML, cómo funciona y para qué sirve?

Sin comentarios

Foto del autor

By SEO

Qué es HTML?

Qué es HTML

HTML es el principal lenguaje de marcado utilizado por programadores y diseñadores web de cualquier nivel de experiencia, siendo la abreviatura de (HyperText Markup Language o Lenguaje de Marcado de Hipertexto). Muchas personas al leer la definición técnica, piensan en todo el conjunto de elementos que conlleva el diseño de una página web, cuando en realidad éste solo funciona para indicar el orden del contenido dentro de una página web a través de «tags» de hipertexto.

Para qué sirve HTML?

Cuando aprendas HTML de forma básica, podrás incursionar en otros ámbitos del mismo tales como generar tablas, agregar links externos, jugar con los códigos y añadirle otros lenguajes de programación para agregar dinamismo a tu página. De igual modo, el mundo de las etiquetas en éste código fuente te proporsiona un mar de opciones, haciendo tu trabajo más profesional y visualmente exitoso.

HTML sirve exactamente para hacer de tu página web un proyecto con estilo propio, podrás colocar imágenes, textos, vídeos y todo lo que necesites mediante sus etiquetas. Un poco más abajo te dejo las etiquetas más utilizadas.

Cómo funciona?

Utilizar éste código es bastante más sencillo de lo que muchas personas consideran. Comienza abriendo un documento HTML a través de cualquier programa de edición de textos, y al momento de guardar el archivo como una página web es necesario usar la extensión «.html»; así mismo es probable que el programa te realice una advertencia de que se convertirá en un «texto sin formato».

El siguiente paso es observar tu creación en un navegador de Internet. Al guardar el documento en blanco, lo abres con un navegador –haciendo doble click en el archivo- y debe ingresar como una página en blanco, a medida que edites el documento puedes ver el progreso en la página. No es necesario tener Internet para esto ya que nadie puede ingresar al archivo, es solamente para leer el documento. Posteriormente, el paso más importante es la extensión de las etiquetas de marcas. Principalmente debes saber que éstas no aparecerán en tu página web como texto, en cambio, son las que le indican al navegador como exponer el contenido y la página. La etiqueta inicial contiene instrucciones, por ejemplo, mostrar el texto en negritas.

Escribe tu propia etiqueta, comenzando con una etiqueta <html> y terminando con una </html>; esto le indica al navegador que todo contenido que esté entre esas etiquetas será dónde comienza y termina el código fuente. De ahí en adelante se deben añadir diversas etiquetas que determinan el encabezado, el cuerpo y el contenido de la página web. En el caso de los textos, pueden ser agregados con varios estilos, desde cambiar su fuente, tamaño o color.

¿Cuáles son las etiquetas más conocidas o utilizadas en el Lenguaje de Marcado de Hipertexto?

  • <html (Importante: Sin ella no conseguimos empezar nada… es la etiqueta que inicia el código fuente).
  • <head (Etiqueta importante que contiene estilos en cascada de la página, títulos, descripciones, etc… es de vital importancia para el funcionamiento de la web)
  • <meta (Son utilizadas frecuentemente en la cabecera)
  • <body (Donde irá todo nuestro contenido)
  • <p (Para distinguir los párrafos de los textos)
  • <a href= (Para crear enlaces)
  • <h1 (Etiqueta utilizada para el título principal de cada url)
  • <h2 (Para los subtítulos)
  • Entre otras…

Ejemplo: Abre el blog de notas y coloca el siguiente código, luego guárdalo con el nombre que quieras y escribe .html al final (Ejemplo: hola.html)

  • <html>
  • <head>
  • <title>TITULO< /title>
  • </head>
  • <body>
  • Hola!
  • </body>
  • </html>

Ahora prueba con esté otro código:

  • <html>
  • <head>
  • <title>HOLA MUNDO!< /title>
  • </head>
  • <body bgcolor=»#000000″>
  • <div align=»center» style=»font-size:36px; color:#FFF»>< strong>Hola!< /strong>< /div>
  • </body>
  • </html>

Y así consecutivamente hasta dar con el estilo o diseño que deseas tener en tu página web…

Cabe destacar que es el código preferido de todo seo, ligero y muy limpio. Factor clave y muy importante para el posicionamiento de una página Web.

¡Te digo desde ya! Lo pasarás como un niño creando tu web con éste código, no es lo mismo que programar con (.php), pero podrás hacer un montón de cosas impresionantes con el Lenguaje de Marcado de Hipertexto! Disfrútalo…

Deja un comentario

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