Curso HTML
Bienvenidos a este curso HTML
Aquí podremos aprender de que se trata todo esto del HTML. En el menú de la izquierda podrás acceder a los témas descriptos más abajo. Puedes leer antes el índice del contenido aquí propuesto para tener una idea de lo que se presenta en cada tema. Cualquier duda o sugerencia es bien recibida. Gracias!!
Tabla de contenidos:
Introducción al lenguaje HTML
Introducción
Características del lenguaje HTML
Qué se necesita para crear una página web
Algunas razones para usar HTML
HTML es un lenguaje descriptivo
Las bases de HTML
Primeros pasos con HTML
Estructura de una página
Los encabezados
El ejemplo mejorado
Conclusión
La primera página Web
Párrafos en HTML
Saltos de línea
Cómo se insertan párrafos
Líneas horizontales para separar párrafos
La etiqueta <blockquote>... </blockquote>
La etiqueta <address>... </address>
La etiqueta <center>... </center>
Cómo insertar imágenes en una página
Cómo crear enlaces hipertexto
La etiqueta <a>... </a>
Páginas en otros directorios
Enlaces externos
PRÁCTICA 1: La página web de "La chistera"
La propuesta
La solución
Anclas
¿Qué es un ancla?
Creando anclas
Enlaces a anclas de otras páginas
Uso de enlace y ancla en la misma etiqueta
El atributo ’title’
Los atributos ’rel’ y ’rev’
Formato de texto y Caracteres especiales
Formato de texto
Etiquetas de estilo físico
Etiquetas de estilo lógico
La etiqueta FONT
Cambiando el tamaño del texto
Cambiando el color del texto
Texto preformateado
Uso de otras etiquetas dentro de <PRE>...</PRE>
Acentos y otros caracteres especiales
Entidades de caracteres para caracteres españoles
Entidades de caracteres para caracteres reservados
Otras entidades de caracteres
Listas y Comentarios en HTML
Listas en HTML
Etiquetas necesarias para crear listas
Listas no ordenadas
Listas ordenadas
Listas de glosario
Directorios y menús
Anidamiento de listas
Comentarios en HTML
Creación de comentarios en HTML
Práctica 2: Un sitio web completo
Planificación
Secciones de la página
Diseño gráfico
Programación en HTML
Imágenes y color en el WWW
Usando color en el WWW
Cómo cambiar la apariencia de una página
Color de fondo
Color del texto y Links
Imágenes de fondo
Imágenes en las páginas Web
Insertando Imágenes
Imágenes y texto
Alineamiento de imágenes
Texto que envuelve a las imágenes o alineamiento horizontal
Como terminar el texto envolvente
Márgenes alrededor de las imágenes
Imágenes enlace
Cómo cambiar la apariencia de las imágenes
Borde de las imágenes
Modificando el tamaño de las imágenes
Alternativas a las imágenes inline
El atributo ALT
Imágenes externas
Imágenes mapa
Mejoras en las imágenes
Formatos GIF y JPEG
Transparencia, Entrelazado y GIFs animados
Creación de tablas HTML
Cómo se crea una tabla
Borde de las tablas
Insertar un título para la tabla
Tamaño de las tablas
Ejercicio 7.1
Alineamiento de tablas
Alineamiento de celdas y filas
Ancho de tablas y celdas
Tamaño de las celdas
EJERCICIO 7-2
El atributo NOWRAP
Celdas que abarcan varias filas o columnas
Márgenes y separación de celdas
Ejercicio 7.3
Conclusión
Anidamiento
Práctica 3 - Tabla de Datos
Paso 1
Paso 2
Paso 3
Paso 4
Paso 5
Práctica 4 - Página Web con una estructura creada con tablas
Paso 1 - Planificación
Paso 2 - Código básico
Paso 3 - Estructura de la página principal
Paso 4 - Estructura del resto de páginas
Paso 5 - Contenido de la página principal
Paso 6 - Contenido gráfico
Paso 7 - Cambiar el fondo y color del texto
Paso 8 - Realización del resto de las páginas
Paso 9 - Retoques, pruebas, revisión y mantenimiento
HTML avanzado
Estándares y extensiones del lenguaje HTML
El estándar HTML 2.0
El estándar HTML 3.2
HTML 4.0 y XHTML
El futuro de HTML
Conclusiones
Extensiones a las listas
Listas no ordenadas
Listas ordenadas
Alineamiento
La etiqueta META
Carga automática de páginas
Información para los buscadores
Otros usos
Otras etiquetas del lenguaje HTML 3.2
Descriptor de tipo de documento
Otras etiquetas
Frames, las ventanas llegan al WWW
El atributo TARGET
La etiqueta BASE
Creación de páginas con frames
Creación del documento de definición de frames
División en columnas
División en filas
Combinando COLS y ROWS
La etiqueta FRAME
Página completa con frames
Atributos de la etiqueta FRAME
Compatibilidad: NOFRAME
Anidamiento de framesets
Bordes de los frames
Cambiando el color del borde
Como quitar el borde
Grosor del borde
Valores especiales del atributo TARGET
Ejercicio con TARGET
Práctica 5: Web de Los Alpes con frames
Documento de definición de frames
El frame Banner
Frame principal
Últimos retoques
Frames flotantes
Atributos de los frames flotantes
Vídeos, Sonido y Multimedia
Sonido vídeo y otros ficheros externos
Ficheros de sonido
Ficheros de vídeo
Otros tipos de archivos
Multimedia Inline
Vídeo inline
El atributo LOWSRC
Sonidos Inline
Marquesinas animadas
Texto que parpadea
Controles multimedia
Plug-ins y objetos incrustados
Como usar los plug-ins
Alternativas para navegadores sin soporte para PLUG-INs
Sonido inline con la etiqueta EMBED
Applets de Java y Controles ActiveX
Java en las Páginas Web
Inserción de Applets Java
Especificando la dirección del applet
Otros atributos de la etiqueta APPLET
La etiqueta PARAM
Alternativas a los applets Java
El nuevo estándar: la etiqueta OBJECT
Inserción de un applet Java
ActiveX, la tecnología del futuro
Inserción de un control ActiveX
Formularios
Formularios en HTML
Controles de Formularios
Cajas de texto
Cajas de texto para claves
Botones de elección
Cajas de selección
Imágenes
Botón de borrado
Botón genérico
Campos ocultos
Los formularios vistos desde Lynx
Innovaciones de Microsoft
OTROS CONTROLES
Cajas de texto multilínea: TEXTAREA
Cuadros de selección
PRÁCTICA 6-FORMULARIO PARA "Los Alpes"
COMO USAR LOS DATOS DE UN FORMULARIO
Formularios sin CGIs
ENVÍO DE FICHEROS USANDO FORMULARIOS