Programar En Html

http://www.aulaclic.es/dreamweaver-cs4/t_1_1.htm

http://www.aulaclic.es/html/index.htm

Este breve tutorial está pensado para aquellas personas que quieren comenzar a utilizar CSS y nunca han escrito una hoja de estilos CSS. 
No explica mucho sobre CSS. Se centra en cómo crear un archivo HTML, un archivo CSS y cómo hacer que los dos funcionen juntos.

Las secciones como ésta sonopcionales. Contienen explicaciones adicionales del código HTML y CSS del ejemplo. El símbolo de “peligro”, situado al principio, indica que se trata de un material más avanzado que el resto.

PASO 1: Escribir el código HTML

Para este tutorial, te sugiero que utilices las herramientas más sencillas. Por ejemplo, Notepad (Windows), TextEdit (Mac) o HTML Kit, serán suficiente. 
Una vez comprendido lobásico, probablemente se quieran utilizar herramientas más complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otras herramientas. 
No utilices procesadores de texto como Microsoft Word u OpenOffice. Con ellos, normalmente se generan archivos que losnavegadores no pueden interpretar. Para HTML y CSS, lo único que necesitamos son archivos en texto plano. 
El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzar con una ventana vacía y escribir lo siguiente:

 
 
 
Mi primera página con estilo 
 
 

 
 
Página principal 
Meditaciones 
Mi ciudad 
Enlaces 
 

 
Mi primera página conestilo 

¡Bienvenido a mi primera página con estilo! 

No tiene imágenes, pero tiene estilo. 
También tiene enlaces, aunque no te lleven a 
ningún sitio… 

Debería haber más cosas aquí, pero todavía no sé 
qué poner. 

 
Creada el 5 de abril de 2004 
por mí mismo. 

 


En realidad, no es necesario escribir el código: puedes copiarlo y pegarlo directamente en un editor.

Laprimera línea que aparece en el archivo HTML, le dice al navegador el tipo de HTML (DOCTYPE significa DOCument TYPE - en español: TIPO de DOCumento). En este caso, se trata de la versión 4.01 de HTML. 

Las palabras que se encuentran entre < y > se llaman etiquetas (tags) y, como puedes ver, el documento está entre las etiquetas y . Entre y hay espacio para diferentes tipos de información que noaparecerán en la pantalla. Hasta ahora, el documento sólo contiene el título pero posteriormente también se añadirá la hoja de estilos de CSS. 

El es dónde se sitúa el texto del documento. En un principio, cualquier cosa que se coloque ahí será mostrado, excepto el texto que esté dentro de las siguientes etiquetas , las cuales muestran el contenido situado en ese lugar como un comentario dereferencia para nosotros mismos. El navegador la ignorará. 

De las etiquetas del ejemplo, crea una “lista desordenada”, es decir, una lista en la cual los elementos no están numerados. La etiqueta indica el comienzo de un “elemento lista”. es un “párrafo”. Y es un “enlace”, que es lo que crea un hipervínculo. 

(recomiendo sacar nota)

Editor mostrando el código HTML.

- “ul” representauna lista con un hipervínculo por cada elemento. Esto mostrará nuestro “menú de navegación del sitio” con enlaces a otras páginas (ficticias) del sitio Web. Supuestamente, todas las páginas de nuestro sitio Web tienen un menú similar. 

- Los elementos “h1” y “p” componen el único contenido de esta página, mientras que la firma al final (“address”) será la misma para todas las páginas del sitio. Observa que no he cerrado los elementos "li" y "p". En HTML (pero no en XHTML), se pueden omitir las etiquetas y , que fue lo que hice aquí, precisamente para hacer el texto más sencillo de leer. Pero si se prefiere pueden ser añadidas.

Vamos a suponer que va a ser una página de un sitio Web que tendrán varias páginas similares. Como es frecuente en páginas Web, ésta tiene un menú con...