HTML

HTML Para Principiantes

Si no eres diseñador web o programador es posible que no encuentres una utilidad al código HTML. Pero debes saber que hoy en día, en algunas profesiones y actividades como el marketing, conocer aunque sean las cosas más básicas de este lenguaje, se está volviendo una obligación. Realmente no es algo difícil, las apariencias engañan. No necesitas ser un experto para entenderlo, es por eso que hemos preparado esta breve introducción para los principiantes que se están abriendo paso al mundo del HTML.

Origen y significado del HTML

Para comenzar, te habrás preguntado qué es HTML o qué significa. HTML es  Hyper Text Markup Language (o lenguaje de marcas de hipertexto). De manera más concreta, se trata de un lenguaje con el cual se puede construir una página web. Dicho lenguaje está conformado principalmente por etiquetas, las cuales darán lugar a los diferentes apartados de esa web. Es necesario conocerlas, así como su funcionamiento para poder crear o modificar un sitio, más adelante te hablaremos de ellas.

El señor Tim Berners-Lee, padre de la web, también se lleva parte del crédito por el nacimiento del HTML. Fue en la década de los 80´ que el científico de la computación, ideó un lenguaje de hipertexto que facilitaría compartir información con sus colegas.  Tiempo atrás, este sistema ya había sido desarrollado, pero fue Lee quien lo perfeccionó y lo dio a conocer para ser usado en internet. Cabe mencionar que actualmente, el HTML puro ha sido reemplazado por el XHTML y por el HTML5.

Etiquetas

Como comentábamos al inicio de este artículo, el HTML funciona a través de etiquetas. Estas etiquetas son interpretadas por el navegador y es así como podemos ver imágenes, texto, colores y todas las estructuras que conforman una página web. Los navegadores como Chrome y Firefox funcionan como “traductores” del código HTML, lo digieren y lo convierten en algo visible.

Cada etiqueta tiene un nombre y un significado, se escriben con los signos menor y mayor a (< >), por ejemplo:

<html> <head> <title>

Existen dos tipos de etiquetas: de apertura, que indican al navegador en donde va a empezar a interpretar algo de forma determinada, y las de cierre, que le indican en donde terminarlo. Es muy importante que se cierren todas las etiquetas que se abren, ya que puedes llegar a tener problemas a largo plazo.

Como puedes ver, el código HTML es un lenguaje de etiquetas, muy fácil de aprender y de leer, no te desanimes, no necesitas ser un genio, sólo tener organización.

Te dejamos algunas de las etiquetas más utilizadas:

* <HTML>: indica el comienzo del documento HTML.

* <HEAD>: Indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página.

* <BODY>: Es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.

* <H1>, <H2>, etc.: Son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.

* <A>: Define los enlaces.

* <TABLE>: Es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.

* <P>: El texto dentro de esta etiqueta forma un párrafo.

* <IMG>: Imágenes.

* <BR />: Salto de línea.

* <UL>: Los textos dentro de esta etiqueta se estructuran en listas.

* <B> y <STRONG>: Se utilizan para resaltar el texto.

* <U>: Texto subrayado.

* <I>: Texto en cursiva.

Archivos en HTML

Los documentos en HTML pueden contener archivos como imágenes o animaciones, para que el usuario pueda visualizar de manera correcta el contenido, la nomenclatura de los archivos tiene que ser exacta. Un aspecto muy valorado y que no está de más conocer.

Los archivos de HTML tienen que ser nombrados de una forma específica y seguir algunas reglas básicas:

  • – Para que los archivos sean compatibles con todos los navegadores, sus nombres deben ser escritos en minúsculas.
  • – El primer archivo debe ser Index.html, no debes nombrarlo de manera diferente, ya que será el primer documento que el navegador buscará.
  • – No uses caracteres no válidos para nombrar el archivo, como por ejemplo la ñ.
  • – No importa que sea, todos los documentos o imágenes tienen que seguir estas normas para que sean interpretados de manera correcta por el navegador.

¿Y, para qué aprender HTML?

Fácil, comprender el código HTML, es comprender el idioma en el que se mueve el internet. Si aprendes lo básico de este sistema, podrás tener una web propia, ya sea personal o para tu negocio, o si ya tienes un profesional que se encargue de eso, podrás realizar cambios en tu página por tu cuenta y te será más fácil darle a conocer al programador tus ideas. Vas a entender la tecnología como nunca antes y cambiar la manera en la que piensas, fundamentalmente vas a tener un panorama más amplio de tu página web.

¿Tienes una idea y no sabes cómo llevarla a cabo? ¡Acércate con nosotros!

-->