Curso de HTML

Ing. Andrés Bustamante

26 de Marzo de 2009


Tabla de contenidos

Introducción
1. Introducción a HTML
1.1. ¿Qué es HTML?
1.2. Historia de HTML
2. Aspectos básicos del lenguaje
2.1. Estructura global de los documentos HTML
2.2. Sintaxis básica
2.3. Títulos
2.4. Encabezados y párrafos
2.5. Imágenes
2.6. Enlaces
2.7. Listas
2.8. Resaltado simple de texto
3. Aspectos avanzados del lenguaje (I)
3.1. Carácteres y símbolos especiales
3.2. Enlaces a partes de un documento
3.3. Tablas
3.3.1. Tablas con formato
3.3.2. Tablas accesibles
4. Aspectos avanzados del lenguaje (II)
4.1. Agregando recursos multimedia al documento
4.1.1. Agregando sonido
4.1.2. Agregando video
4.2. Scripting simple
4.2.1. Animaciones simples
4.2.2. Banners o avisos
5. Diseño con estilo
5.1. Comenzando con estilos
5.2. Reutilizando estilos
5.3. Configurando estilos comunes
5.3.1. Márgenes
5.3.2. Sangría
5.3.3. Espacios en blanco superiores e inferiores
5.3.4. Fuentes de texto
5.3.5. Bordes y fondos
5.3.6. Colores
6. Marcos
6.1. Comenzando el trabajo con marcos
6.2. Diseño de marcos
6.3. Especificación de marcos objetivo
6.4. Marcos entre líneas
7. Formularios
7.1. Trabajando con formularios
7.2. Controles
7.2.1. Campos de texto
7.2.2. Áreas de texto
7.2.3. Campos de contraseñas
7.2.4. Cajas de verificación
7.2.5. Botones de selección
7.2.6. Botones de confirmación
7.2.7. Botones de confirmación con imagen
7.2.8. Botones de limpieza de formulario
7.2.9. Selección de archivo
7.2.10. Menús o listas seleccionables
7.2.11. Campos ocultos
7.3. Etiquetas
7.4. Agrupaciones
8. Scripts
8.1. ¿Qué es un script?
8.2. Creando documentos con scripts
8.3. Activación y ejecución de scripts
8.4. Documentos para navegadores que no soportan scripts
9. Evolución a XHTML
9.1. ¿Qué es XHTML?
9.2. Diferencias entre HTML y XHTML
10. Sitios Web
10.1. ¿Qué es un sitio Web?
10.1.1. Definición
10.1.2. Tipos de sitios Web
10.2. ¿Cómo se crea un sitio Web?
10.2.1. Alojamiento del contenido
10.2.2. Creación del dominio o subdominio para el sitio
10.2.3. Creación del contenido del sitio Web
10.3. Integración de tecnologías en sitios y páginas Web
11. Temas Avanzados
11.1. Servidores Web
11.1.1. ¿Qué es un servidor Web?
11.1.2. Servidores Web más conocidos
11.1.3. ¿Qué servidores Web utilizan los sitios más importantes?
11.2. Lenguajes de programación orientados a la Web
11.2.1. PHP
11.2.2. JavaServer Pages (JSP)
11.2.3. ActiveServer Pages (ASP)
Bibliografía

Lista de figuras

2.1. Estructura de las etiquetas HTML (Fuente: Wikipedia)
2.2. Ubicación habitual del texto del título de un documento HTML en un navegador Web
2.3. Visualización de encabezados de distintos niveles y párrafos para cada sección (encabezado)
2.4. Visualización de un enlace simple
2.5. Visualización de lista sin orden
2.6. Visualización de lista ordenada
2.7. Visualización de lista de definición simple
2.8. Visualización de resaltado simple por formato y resaltado por significado
3.1. Visualización de tabla simple con encabezado y datos
3.2. Visualización de tabla simple con indicación de ancho de la tabla por porcentaje
3.3. Visualización de tabla simple con encabezado y datos e indicación de espaciado entre el texto y el borde de las celdas
3.4. Visualización de tabla simple con encabezado y datos e indicación de espaciado entre el texto y borde de las celdas, además de espacio entre celdas
3.5. Visualización de tabla avanzada con alineación de texto y combinación de celdas
3.6. Visualización de tabla con título
4.1. Video insertado desde YouTube en un documento HTML
5.1. Colores con nombre para hojas de estilos, y sus valores hexadecimales
5.2. Colores seguros para cualquier navegador Web
6.1. Documento HTML en línea que hace uso de marcos
7.1. Formulario simple con campos de texto, botones de selección y botones de confirmación y limpieza
7.2. Formulario avanzado con etiquetas y mas tipos de campos
7.3. Formulario avanzado con agrupaciones de etiquetas y controles por tema
10.1. Estructura del contenido del World Wide Web (WWW)
10.2. Planes de alojamiento para un proveedor en Internet (AwardSpace.com)
10.3. Panel de administración de subdominios en un proveedor de alojamiento de sitios Web
11.1. Distribución de servidores Web entre el millón de sitios más visitados en Internet, a Marzo de 2009 (Tomado de Netcraft.com)

Lista de tablas

3.1. Algunos ejemplos de caracteres especiales en HTML

Lista de ejemplos

2.1. Estructura global de los documentos HTML
2.2. Estructura global de los documentos HTML, reescrito según la recomendación
2.3. Comentario en HTML
2.4. Agregando título a un documento
2.5. Párrafos y encabezados de distintos niveles en HTML
2.6. Agregando una imagen simple con una ruta completa
2.7. Agregando una imagen simple con una ruta relativa
2.8. Agregando una imagen simple ancho y alto regulados
2.9. Agregando una imagen simple con ancho, alto y un texto alternativo
2.10. Enlace simple a una página del mismo sitio o subdominio
2.11. Muestra de lista sin orden
2.12. Muestra de lista ordenada
2.13. Muestra de lista de definición
2.14. Resaltado de texto por formato y por significado
3.1. Utilizando retornos de línea y espacios de no-rompimiento en el contenido de los elementos
3.2. Creación de una referencia al interior del documento
3.3. Enlace a una parte específica referenciada del mismo documento
3.4. Enlace a una parte específica de otro documento HTML
3.5. Tabla simple con encabezado y datos
3.6. Tabla simple con encabezado y datos e indicación del ancho de la tabla
3.7. Tabla simple con encabezado y datos, con indicación de espaciado de texto al margen
3.8. Tabla simple con encabezado y datos, con indicaciones de espaciado de texto al margen y espaciado entre celdas
3.9. Tabla avanzada con aplicación de alineación de textos y celdas combinadas
3.10. Tabla simple con título
3.11. Tabla simple con título y resumen
3.12. Tabla simple con título, resumen y alcance de celdas de encabezado
4.1. Enlace a archivo de audio en MP3
4.2. Enlace a archivo de audio en MP3 utilizando una lista de reproducción
4.3. Enlace a archivo de video en formato MPEG
4.4. Fragmento de código HTML para incluir un video de YouTube
4.5. Estructura básica de un script de JavaScript insertado en un documento HTML
4.6. Animación en JavaScript para cambiar una imagen-enlace mientras se pasa el cursor sobre ella (Original de Dave Raggett)
4.7. Animación en JavaScript para mostrar avisos diferentes para enlaces diferentes (Original de Dave Raggett)
5.1. Agregando atributos de estilo al elemento BODY de un documento
5.2. Configuración simple de color de letra y de fondo del documento
5.3. Línea de inserción de estilos definidos en un archivo independiente
5.4. Configuración simple de márgenes del documento con CSS
5.5. Aplicando sangría a la izquierda para encabezados del documento
5.6. Configurando espacios en blanco arriba y abajo de un encabezado de segundo nivel
5.7. Configurando espacios en blanco arriba y abajo de un encabezado perteneciente a una clase
5.8. Asociación de familia de fuente para el texto del cuerpo y de los encabezamientos
5.9. Cambio en la visualización de texto en negrilla o cursiva aplicando estilos
5.10. Redefinición del tamaño de la fuente para los encabezados
5.11. Estilo de borde simple utilizando el elemento DIV y hojas de estilo
5.12. Color de fondo para un fragmento de código HTML encerrado en un elemento DIV
5.13. Cambiando el color de los enlaces en un documento
5.14. Eliminando el subrayado de los enlaces
6.1. Documento HTML definido para contener 3 marcos
6.2. Documento con marcos y atributos adicionales para cada marco
6.3. Utilización de enlaces con marcos objetivo para la carga del documento
6.4. Marco entre líneas simple (IFRAME)
7.1. Formulario simple con campos de texto, botones de selección y botones de confirmación y limpieza
7.2. Formulario avanzado con etiquetas y mas tipos de campos
7.3. Formulario avanzado con agrupaciones de etiquetas y controles por tema
8.1. Creación de scripts en lenguajes diferentes y en distintas partes de un documento HTML (Original del W3C)
8.2. Activación de un evento para un script
8.3. Modificación dinámica de un documento utilizando JavaScript
8.4. Inclusión de fragmentos de código HTML para prevención de no-soporte para scripts
9.1. Estructura básica de un documento XHTML
9.2. Contraste de código mal formado y código bien formado para XHTML
9.3. Elementos no-vacíos en XHTML
11.1. Fragmento de código HTML con PHP (Original de Wikipedia)
11.2. Fragmento de documento HTML con código JSP (Original de WIkipedia)
11.3. Fragmento de código HTML con ASP (Original de Wikipedia)