1. Primero abre el bloc de notas:

2. Guarda el archivo como “ejemplo.html” (sin comillas):

3. Escribe algo de código HTML en el documento y guárdalo (en la imagen no sale donde se cierra la etiqueta html):

4. Visualiza tu trabajo, busca el archivo ejemplo.html y abrelo con tu navegador:

Ya está, ¡hemos creado una página Web en el bloc de notas!

Windows XP trae consigo como editor de texto el famoso bloc de notas, que si bien sirve para trabajos sencillos, a la hora de la verdad no es muy productivo, pues no incorpora un subrayado de texto, reconocimiento de código y autocompletado como otros editores de texto más avanzados.

Aquí hago una pequeña lista de editores de texto gratuitos, listos para descargarse:

• Vim (multiplataforma): Recomendado para los amantes del software libre. Descarga para Windows.
• Notepad++: Versión mejorada del Notepad, sólo para usuarios de Windows. Descarga acá.
• EZ Pad: Muy bueno para editar HTML, aquí hay unas capturas de pantalla. Descarga para Windows.
• EditPad Lite: Versión gratuita, que no deja de ser útil, puedes ver capturas. Descarga para Windows.

Yo utilizo Macromedia Dreamweaver, pero es una opción cara y muy pesada, aunque muy profesional, ya que se adapta al uso de Flash, CSS, e imágenes con el Fireworks.

Buscando se pueden conseguir cientos de tutoriales de XHTML, yo te recomiendo este manual que explica todo muy bien (está creado como un blog).

El primer paso es, obviamente, leer el manual y memorizar las etiquetas más utilizadas. Después se recomienda comenzar a practicar haciendo páginas en el Bloc de Notas o cualquier editor de texto plano (habres el Bloc de Notas y guardas el archivo como *.html o *htm), así puedes probar el efecto de cada etiqueta y sus respectivos atributos. También es buena idea ver el código fuente de otras páginas (recuerda que para aprender a escribir bien debes leer mucho). Práctica mucho y no te desanimes.