Contenido del Head
Contenido del Body
Identación
Plugins Visual Studio Code

Sintaxis de una etiqueta HTML
Títulos y subtítulos
Párrafos y span
Listas ordenadas y desordenadas

PRÁCTICA

Etiqueta a
Rutas relativas y absolutas
Enlaces con imágenes

Imágenes y formatos
Video
Mapa
Iframe

Etiqueta table
Filas
Columnas
Combinar celdas

Etiqueta form, label, input
Tipos de input: text, tel, number, date, etc
Radio, comboBox, Select
Atributos: id, name, required, placeholder, autcomplete, etc

El DIV?
Header
Nav
Section
Article
Aside
Footer, etc
Cómo se organizan?

Qué es CSS?
Conectar HTML y CSS (3 métodos)
Sintaxis
Variables CSS
Ejemplo: 

Por etiqueta
Por ID
Por class
Especificidad
Ejemplos:

RGB 
Por nombre
Hexadecimal
Degradado

Tipografías de Google
Tamaños: px, em, rem
Sombras
Alineación

Active
Hover
Etc

Propiedad Display
Margin y Padding
Bordes
Box-sizing
Min y max width y Height

Background: color, size, position, etc
Imagen de fondo 
Linear gradient

Cómo funciona
Alineación
Centrado
Ejemplo: Crear un banner de tipo call to action

Medias queries
Breakpoints
Mobile first
Ejemplo:

Método tradicional 
Método con flexbox

Cómo funciona
Alineación en automático
Responsive design
Ejercicio: 

Crear menú responsive con anclas
Banner de bienvenida
Nosotros
Servicios
Galería de fotos
Contacto
Footer
Publicarlo en internet

Configurar servidor local
PHP -> include
Crear plantilla para menú y footer 
Página de inicio
Página de nosotros
Página de servicios
Página de galería
Página de contacto
Subir a un hosting y dominio real
Consideraciones a mejorar

Sintaxis CSS
Tiempos
Ejemplos:

Qué es bootstrap
Instalación CDN
Ejemplo: