Introduccion al HTML

Que es un archivo HTML?

HTML es un acrónimo el cual significa Hyper Text Markup Language

Un archivo HTML es un archivo de texto el cual contiene pequeños tags llamados markup

  • Los markup tags le indican al navegador como desplegar la pagina
  • Un archivo HTML debe de tener una extension htm o html
  • Un archivo HTML puede ser creado utilizando un simple editor de texto

Quieres intentarlo?

Si estan utilizando Windows, inicien Notepad.

Si utilizan una Mac, arranquen SimpleText.

En OSX con TextEdit cambiamos las siguientes preferencias: Abrimos el muenu de Format y seleccionamos Plain text en lugar de Rich text. Luego abrimos la ventana de Preferences bajo el menu de Text Edit y seleccionamos Ignore rich text commands in HTML files. Tu codigo HTML probablemente no funcionara si no se hacen los cambios anteriores.

Escriban el siguiente texto:

<html>
<head>
<title>Titulo de la pagina</title>
</head>
<body>
Esta es una pagina HTML. <b>Este texto esta en negrilla</b>
</body>
</html>

Guardar el archivo como pagina.htm.

Iniciamos nuestro navegador de internet. Seleccionamos Open (u Open Page) en el menu de Archivo del navegador. Una caja de dialogo sera desplegada, seleccionen Browse (o Seleccionar Archivo) y seleccionamos el archivo pagina.htm que acabamos de crear y hacemos clic en Open. Ahora nos aparece una direccion local en la caja de dialogo, por ejemplo C:MyDocumentspagina.htm. Le damos clic en OK, y el navegador desplegara la pagina.

En el ejemplo anterior

La primera etiqueta en el documento HTML es <HTML>. Esta etiqueta le indica al navegador el inicio de un documento HTML. La ultima etiqueta del documento es </HTML>, la cual indica el fin del documento HTML.

El texto contenido dentro de las etiquetas <head> y </head> es la informacion del encabezado. La informacion del encabezado no se despliega en la ventana del navegador.

El texto dentro de la etiqueta <title> es el titulo de la pagina. El titulo es desplegado en la parte superior del navegador.

El texto contenido entre las etiquetas <body> es el texto que sera desplegado en el navegador.

El texto entre <b> y </b> sera desplegado en negrilla.

Extension HTM o HTML?

Cuando creamos un archivo HTML, podemos usar la extension .html o .html. En nuestro ejemplo hemos utilizado la extension .htm, ya que en el pasado el software especifico para diseñar paginas solo permitia extensiones de tres letras.

Con el software actual es posible usar .html.

Editores HTML

Es muy facil editar archivos HTML utilizando editores WYSIWYG what you see is what you get como FrontPage, Quagga o Dreamweaver, en lugar de escribir la pagina en un archivo de texto plano.

Sin embargo, para poder obtener la destreza y practica de un buen desarrollador Web, les recomiendo usar un editor de texto para aprender HTML

F.A.Q

P: Despues de haber editado un archivo HTML, no puedo ver los resultados en mi navegador, por que?
R: Asegurese de que el archivo haya sido guardado con el nombre y extension correctos, como c:pagina.htm. Tambien verifiquemos usar el mismo nombre cuando lo abramos desde el navegador.

P: He editado un archivo HTML, pero los cambios no se reflejan en el navegador, por que?
R: El navegador utiliza una tecnologia llamada cache, el cual guarda copias de las paginas de internet para no tener que leer la misma pagina dos veces. Cuando una pagina se modifica, el navegador lo desconoce. Utilicen el boton de refrescar del navegador o Control + F5 para forzar al navegador a leer la pagina nuevamente.

P: Cual navegador debo de utilizar?
R: En esta serie de HTML cualquier navegador funciona, como Internet Explorer, Firefox, Netscape u Opera. Sin embargo, algunos de los ejemplos y tecnicas que mostraremos en el futuro necesitan la ultima version de los navegadores.

P: Necesito tener Windows instalado? O puedo utilizar otro sistema operativo?
R: Toda la serie de entrenamiento se puede realizar sobre Linux, MacOS o Windows.


Comentario, Preguntas o agradecimientos?

%d bloggers like this: