HTML

PRESENTACIÓN E INTRODUCCIÓN

Introducción
El desarrollador del curso se presenta y explica brevemente que es el HTML, que necesitas para realizar este curso
tanto en conocimientos cómo software y que podrás realizar una vez finalices este curso.

¿Qué es el HTML?
Definición del HTML. Que es lo que ocurre cuando navegamos en la red. Ventajas sobre publicaciones impresas.

Accesibilidad Web
Se explica que es la accesiblidad, ventajas de tener en cuenta la accesiblidad a la hora de crear un documento HTML y
referencia a la guia de accesiblidad de Sidar

EMPEZAR A ESCRIBIR HTML

Tu primera página web
Crearás tu primera página web y aprenderás como llamar a los nombres de tus páginas.

Etiquetas
Qué son las etiquetas, como usarlas y aplicarles atributos.

Comentarios y símbolos especiales
Insertar símbolos especiales en un documento HTML y comentarios.

ESTRUCTURA DE UN DOCUMENTO HTML

Definición de un documento HTML
El primer paso antes de escribir un documento HTML es definir que tipo de documento vamos a escribir. Aquí se
explican que tres tipos de documentos HTML podemos definir.

La estructura
Estructura de un documento HTML: Cabecera y cuerpo del documento. Como definir cada una de las partes que
componen un documento HTML.

TEXTOS

Párrafos, Bloques
Cómo dar forma a los textos en un documento HTML, usando etiquetas para los párrafos, bloques de texto, saltos de
línea, divisiones horizontales y atributos de las fuentes.

Saltos de línea y divisiones horizontales
Introducir en un documento HTML saltos de línea y divisiones horizontales.

Encabezados
Insertar encabezados de texto en un documento HTML

Fuentes
Modificar las fuentes de los textos de los documentos HTML

Formateo de texto
Dar formato a los textos que se insertan en un documento HTML 1parte

Abreviaturas y acrónimos
Qué son y cómo insertar abreviaturas y acrónimos en un documento HTML. Usar siempre el estilo lógico cuando sea
posible. Resumen de todas las opciones de formatear texto vistas hasta ahora.

Listas
Qué son las listas, para que se utilizan, como insertarlas y tipos de listas que existen en un documento HTML.

ENLACES

Enlaces internos
Introducción a los enlaces y enlaces internos.

Enlaces locales
Qué son los enlaces locales y como insertarlos en un documento HTML.

Enlaces externos
Qué son los enlaces externos y como insertarlos en un documento HTML.

Enlaces con direcciones de correo
Cómo insertar enlaces con direcciones de correo electrónic en un documento HTML.

Enlaces a archivos
Insertar enlaces con archivos y un pequeño resumen de las distintas posibilidades de enlaces.

Atributos
Atributos target y title aplicados a los enlaces de los documentos HTML.

IMÁGENES

Insertar imágenes
Insertar imágenes en un documento HTML mediante URL absolutas y URL relativas.

Atributo ALT
Atributo ALT de las imágenes insertadas en un documento HTML.

Otros atributos
Otros atributos de la etiqueta ALT; altura, ancho y alineado de las imágenes en un documento HTML.

Enlaces con imágenes
Aprende a enlazar una imagen en un documento HTML

Iconos
Insertar imágenes icono al lado de la URL de nuestro sitio web y en el apartado favoritos de algunos navegadores

Mapas de imágenes
Insertar mapas de imágenes en un documento HTML y aprender a delimitar cada una de las áreas que componen el
mapa

MULTIMEDIA

Multimedia: introducción
Introducción y breve resumen en la historia de los contenidos multimedia en las páginas web

Insertar elementos multimedia
Dos formas de insertar elementos multimedia en un documento HTML

Tipos de reproductores
Tipos de reproductores de audio. MP3

Object y embed
Métodos para insertar audio en un documento HTML; enlaces, EMBED, OBJECT

Flash
Insertar archivos de audio y video mediante flash en un documento HTML

COLORES Y FONDOS

Códigos RGB
Cómo se especifican los colores dentro de un documento HTML. Detectar contraste suficiente entre el fondo de un
documento y los textos. Encontrar el color deseado en nuestra pantalla de ordenador.

Aplicar colores a un documento
Zonas de un documento web a las que le podemos aplicar distintos colores; Texto específico, texto genérico, fondo y
enlaces de documentos.

Imagen de fondo
Cómo aplicar una imagen de fondo de un documento HTML

Ejercicio práctico
Practica todo lo aprendido en este capítulo con un ejercicio práctico; textos, colores, imágenes

TABLAS

Tablas y sus títulos
Veamos qué son las tablas, para qué se usan y cómo confeccionar una tabla sencilla.

Celdas multicolumna y multifila
Si necestias incluir una celda mullticolumna o multifila en tu tabla, no te pierdas este vídeo.

Atributos
Atributos para las etiquetas de las tablas; TABLE, TR, TD y TH

Tablas complejas
Tablas con una estructura compleja. Etiquetas SUMMARY, THEAD,TFOOT, TBODY y los encabezamientos con
HEADERS.

Atributo AXIS
Atributo AXIS aplicado a las tablas con categorías conceptuales

FORMULARIOS

Formularios: introducción y atributos
Introducción a los formularios en documentos HTML y explicación de la etiqueta FORM y sus atributos

Fieldset y Legend
Etiquetas FIELDSET Y LEGEND en los formularios HTML

Etiqueta Input
Etiqueta INPUT; Campos de texto, contraseñas, botones, campos multi-valor y campos ocultos.

Etiqueta Select
Insertar menús desplegables mediante la etiqueta SELECT en un formulario HTML

Label, Button y Textarea
Etiquetas de formulario; LABEL, BUTTON y TEXTAREA

MARCOS

Marcos: introducción
Introducción a los marcos, frames o cuadros

Frameset
Explicación de la etiqueta FRAMESET

Frame y frames anidados
Explicación de la etiqueta FRAME y FRAMES ANIDADOS

Frames anidados

Noframe
Explicación de la etiqueta NOFRAME.

Enlaces de marcos
Como usar el atributo TARGET en las páginas con marcos y sus respectivos valores

Desventajas
Listado de desventajas del uso de marcos en un sitio web

Iframes
Etiqueta IFRAME y sus atributos

CSS

CSS: introducción
Funcionamiento de CSS aplicados a los documentos HTML

Incluir CSS
Distintas formas de insertar hojas de estilo en documentos HTML