Introducción al HTML y CSS

Curso básico para construir páginas web con HTML y CSS

What you'll learn:

• El objetivo del presente curso es que aprendas a realizar tu página con estilos en cascada.
• Revisará la historia de Internet y de HTML para comprender los orígenes de la web.
• Aprenderá qué es una etiqueta, la directiva Doctype, los metadatos y los comentarios en HTML.
• Comprenderá el manejo de párrafos, los encabezados, los enfatizadores como negritas e itálicas, las listas ordenadas y no ordenadas, listas de definición, hiper
• Comprenderá la estructura básica de los estilos en cascada, el manejo de colores, fuentes, sus propiedades básicas, modificar los hipervínculos y los diferentes
• Manejará los selectores básicos, los selectores compuestos y globales, el manejo de múltiples clases, el modificador !important, los atributos, la estructura de
• Comprenderá el modelo de caja de la mayoría de etiquetas, los márgenes, los bordes, el padding, la propiedad auto, el manejo del fondo de la caja.
• Creará un menú de navegación con CSS, simular tabuladores y el modo de impresión con los estilos en cascada.
• Aprenderá a flotar los elementos HTML, a eliminar la flotación, flotar imágenes, manejar el posicionamiento absoluto y relativo, así como el posicionamiento
• Creará formatos de página fijos, flexibles, tamaños máximos y mínimos, formatos responsivos.
• Creará formularios con HTML, añadir cajas de entrada o inputs, crear listas y listas múltiples, textarea, botones de envío y para limpiar los formularios.

Tanto el lenguaje HTML como los estilos en cascada, CSS, son fundamentales para la creación de páginas web en la actualidad. Para el presente curso, no es necesario que seas experto en programación. Con que tengas una computadora con un editor de textos y una navegador (y la mayoría los tiene), puedes iniciar a aprender estos fundamentales lenguajes.

Aquí aprenderemos desde las etiquetas básicas, las principales reglas de estilo en cascada, los selectores, unidades y validadores CSS. También analizaremos los formatos de márgenes y el modelo de caja. La navegación y formularios, asi como el flujo y posicionamiento de elementos.

SECCIÓN 1 ¿De qué está hecha la web?

• Breve historia de Internet

• Breve historia del HTML

SECCIÓN 2 Principios de HTML

• ¿Qué es una etiqueta?

• La directiva DOCTYPE

• Los metadatos

• Comentarios en HTML

SECCIÓN 3 Las principales etiquetas de HTML

• El manejo de párrafos con la etiqueta de párrafo

• Los encabezados, etiquetas h1, h2, h3, h4, h5 y h6

• Enfatizar un enunciado: strong y em

• Listas ordenadas y sin orden

• Listas de definición

• Hipervínculos

• Navegar dentro de la misma página: anclas

• Manejo de imágenes, etiqueta img

• Tablas en HTML

• Otras etiquetas

• Divisiones, la etiqueta

SECCIÓN 4 Formatos y colores con los estilos en cascada

• Principios de los estilos es cascada

• Manejo de colores con Estilos en cascada

• Manejo de fuentes con CSS

• Modificar los links o hipertextos

• Lugares donde se pueden escribir estilos y sus reglas

SECCIÓN 5 Selectores y unidades de los estilos en cascada

• Los selectores básicos

• Selectores compuestos, el !important y el selector global

• Unidades flexibles y fijas en CSS

• Validar estilos en cascada

SECCIÓN 6 El modelo de caja

• Los márgenes

• Los bordes

• El padding

• La propiedad auto

• El fondo de la caja: la propiedad background

SECCIÓN 7 Navegación e impresión con Estilos en cascada

• Crear un menú de navegación con CSS

• Simular tabuladores con CSS

• Modo de impresión

SECCIÓN 8 Posicionamiento y flujo

• El flujo natural de las cajas

• Hacer que las cajas floten

• Posicionamiento absoluto

• Posición fija:fixed

SECCIÓN 9 Formato de páginas con CSS

• Formatos de páginas fijos

• Introducir los contenidos y los estilos en formato fijos

• Formatos flexibles

• Tamaños máximos y mínimos

• Formatos responsivos para teléfonos inteligentes y tabletas

• Conclusión