Tutorial HTML

¿ Que es HTML ?

HTML es un lenguaje de descripción no compilado, es decir se interpreta en el navegador, no en el servidor, que se utiliza para la creación y diseño de páginas en la web. Corresponde a las iniciales de HyperText Markup Language.
Página es el documento que aparece en el visualizador de nuestro ordenador.

Básicamente HTML se compone de una serie de comandos, que son interpretados por el visualizador y que aparecen en nuestra pantalla. Son éstos comandos, tags o etiquetas las que debemos de saber para comenzar a escribir páginas para la web.

¿Qué herramientas necesitamos?

Se pueden escribir simplemente con el Bloc de Notas
Pero es mucho más útil un editor de textos, el FrontPage de Windows nos servirá ó cualquier otro que podais conseguir en la web, hay algunos gratuitos bastantes eficaces, S´tone webwriter
.Si tienes el paquete de windows probablemente tengas este editor, asi que no te preocupes de más por el momento, abrelo y a trabajar.

Una observación, aunque tenemos actualmente editores de texto como Dreamweaver donde es posible sin aprender HTML escribir una web básica ó avanzada, te diria que no lo emplees en la primera fase de aprendizaje, las etiquetas básicas del lenguaje debes de saberlas para llegar más tarde a dominar y sobre todo a entender como funcionan las ordenes de una página. Más tarde y para conseguir efectos algo más sofisticados ya te puedes implicar en el Dreamweaver.

¿ Donde puedo localizar algún editor de texto ?

Es esta dirección tienes algunos editores de texto para poder comenzar, pulsa para ir

Comienzo con el bloc de notas ó con el Frontpage de Windows

Abriendo el FrontPage

En la parte baja de la pantalla verás tres opciones

Normal

HTML

Vista Previa

Pulsa en HTML, obtendrás el codigo incial de la web escrito en HTML

Cuando guardes una página, es conveniente que le pongas por extensión (.htm) ó ( .html), que es el tipo de fichero que por defecto buscará el visualizador (aunque puede visualizar ficheros con otra extensión). Para visualizar una página, utiliza la orden Abrir del menú Archivo de tu editor. Siempre que realices una modificación en el código y la almacenes en el mismo fichero, utiliza la función guardar cambios del editor, para comprobar los cambios puedes pulsar en el FrontPage la pestaña "vista previa".

<HTML>
<HEAT>
A partir de aquí se pueden poner los metatags y los script, que más adelante veremos.
<TITLE>Título de la web </TITLE>
</HEAT>

<BODY>
Aqui es donde se escibe el contenido de la web , imágenes y texto de la página
</BODY>
</HTML>

A cada etiqueta de apertura le corresponde otra de cierre <HTML> </HTML>
que se representa con la / en su parte anterior.
<HTML> Con esta etiqueta avisamos al navegador que va a interpretar una página escrita en este lenguaje
<TITLE> Es el lugar indicado para poner el título de nuestra página
<BODY> Este es el cuerpo de la página, donde tendremos que poner todo el contenido que deseemos dar a conocer

Dominios para web y alojamientos de calidad