HTML

INTRODUCCIÓN A HTML

Básicamente, este blog va dirigido al público general, a todas aquellas personas que deseen aprender de una manera rápida temas entorno al desarrollo web.

Empezaremos en esta oportunidad con un tema muy popular: El lenguaje HTML (HyperText Markup Language). Datos precisos para facilitar su entendimiento.

Este lenguaje es con el cual están escritas, en general, todas las páginas web. Permite decirle al navegador de qué forma debe mostrar la información que solicite un usuario a un servidor.

Esto significa que podremos dar formato a los textos, imágenes y sonidos, combinarlos como queramos, y así poder tener mayor captura de atención de los usuarios con nuestra página web.

Pero aquí se presenta un problema, no todos los navegadores que existen en la actualidad (Mozilla Firefox, Internet Explorer, Google Chrome) interpretan el código HTML de la forma en que esperamos, por ello cada vez que creemos una página web, debemos comprobar si es lo que queremos mostrar con el navegador que utilicemos (se recomienda codificar en el navegador más utilizado).

Conocimientos Previos:

El lenguaje HTML tiene su sintaxis basada en etiquetas; éstas son las que definen los elementos de un documento HTML.

Estas etiquetas tienen que tener una apertura y un cierre, así:

<etiqueta> … </etiqueta>

Para iniciar con un documento HTML debemos de conocer sus 3 principales etiquetas:

  • <html> .- Nos indica el comienzo y el final (</html>) del documento HTML, todo lo que  ka parteesté dentro de esta etiqueta será lo que se mostrará en la página web.
  • <head> .- Es el encabezado, donde se puede poner el título de nuestra página (visible para usuario) y datos informativos del documento (no visible para  el usuario).
  • <body> .- Es el cuerpo del documento, aquí se encuentra todo aquellos que queramos mostrar al usuario (texto, imágenes, sonido, etc). Dentro de esta etiqueta podemos encontrar infinidad de más etiquetas

Para comenzar con el uso del lenguaje HTML necesitamos un editor de texto y para hacerlo más fácil, lo haremos con un Bloc de Notas. Existen editores de textos diseñados para crear páginas web, pero necesitamos que el aprendizaje sea lo más sencillo posible.

Ejemplo: Mostrar en una página nuestro nombre y con título «Mi Página».

Abrimos el bloc de notas y digitamos lo siguiente:

<html>

<head>

<title>Mi Página

</title>

<body> Usuario

</body>

</head>

</html>

Luego guardamos este archivo con la extensión “.html”. Por ejemplo: mipag.html

Al abrir este archivo, visualizaremos en nuestro navegador predeterminado Usuario, y en la parte superior izquierda el título: Mi Página.

Nota: En nuestra próxima entrada daremos a conocer más etiquetas para enriquecer el contenido de nuestra página web.

Deja un comentario