¡Bienvenido a mi curso de HTML! Es un curso online gratuito con el que aprenderás los fundamentos de la creación de páginas web, desde cero. Aprenderás todo esto:
- A crear páginas web en HTML 5.
- A crear páginas que funcionan en todos los navegadores y que respetan los estándares.
- A estructurar y maquetar semánticamente páginas web en HTML 5.
- A presentar y optimizar la información con marcado de Schema.org.
- A optimizar el HTML para posicionamiento en buscadores (SEO).
- A aplicar criterios básicos de accesibilidad web.
- Y mucho más.
Información del curso
Conocimientos previos: para este curso voy a asumir que sabes cosas básicas como copiar y pegar texto, guardar ficheros, copiar y pegar ficheros y otras operaciones básicas, pero no necesitas saber nada de informática ni de HTML. Si ya sabes HTML hay algunas cosas que ya sabrás y otras que no, pero en general podrás aprovechar el curso tanto si no sabes nada de desarrollo web como si ya tienes nociones.
Contenidos del curso: el temario está abajo, en esta misma página. Envíame comentarios, correcciones o lo que quieras mediante mi formulario de contacto.
Disponibilidad: el curso está publicado en esta web bajo licencia Creative Commons 4.0 BY-NC-ND.
Índice del curso de HTML
- Introducción a HTML
- Qué es y para qué sirve HTML
- Dónde escribir el HTML: el editor de texto
- Dónde ver el HTML: el navegador web
- Tipos de documento HTML: HTML 5
- Estructura de un documento HTML 5
- Tu primera página en HTML 5
- Las etiquetas en HTML
- Regla #1: las etiquetas se abren y se cierran
- Regla #2: etiquetas dentro de etiquetas
- Regla #3: atributos de etiquetas
- Tu primera página
- Las etiquetas en HTML
- El cabecero de una página en HTML 5
- La etiqueta
<html>
- Cabecero del documento: la etiqueta
<head>
- Título de la página: etiqueta
<title>
- Codificación:
<meta charset="utf-8">
- Un cabecero mínimo completo
- Metadatos: la etiqueta
<meta>
- Relaciones con otros documentos: la etiqueta
<link>
- Estilo CSS: la etiqueta
<style>
- Código Javascript: la etiqueta
<script>
- La etiqueta
- Estructura: maquetación de una página en HTML 5
- La etiqueta
<body>
- Pasos previos a la maquetación: wireframing
- Estructura general de la página: interpreta el wireframe
- Teoría: las etiquetas de estructura en HTML 5
- Cabecero: la etiqueta
<header>
- Títulos: las etiquetas
<h1>
,<h2>
y siguientes - Navegación: la etiqueta
<nav>
- Bloque de contenido principal: la etiqueta
<main>
- Unidad de contenido independiente: la etiqueta
<article>
- Porción de contenido: la etiqueta
<section>
- Bloques relacionados: la etiqueta
<aside>
- Pie: la etiqueta
<footer>
- Contenedor genérico: la etiqueta
<div>
- Uso de las diferentes etiquetas
- Errores comunes al maquetar en HTML 5
- Ejemplo de estructura utilizando todos los elementos
- La etiqueta
- Formato: presentación del texto en HTML 5
- Párrafos: la etiqueta
<p>
- Negrita y cursiva: las etiquetas
<strong>
y<em>
- Enlaces: la etiqueta
<a>
y el atributohref
- Direcciones, fechas y horas: las etiquetas
<address>
y<time>
- Código: las etiquetas
<pre>
,<code>
y<kbd>
- Citas: las etiquetas
<cite>
y<blockquote>
- Abreviaturas: la etiqueta
<abbr>
- Subíndice y superíndice: las etiquetas
<sub>
y<sup>
- Listados
- Listas ordenadas: las etiquetas
<ol>
y<li>
- Listas desordenadas: la etiqueta
<ol>
y<li>
- Listas de definición: las etiquetas
<dl>
,<dt>
y<dd>
- Listas anidadas
- Listas ordenadas: las etiquetas
- Tablas
- La etiqueta
<table>
- Filas en una tabla: la etiqueta
<tr>
- Cabecero de una tabla y de una fila: las etiquetas
<thead>
y<th>
- Cuerpo de la tabla: las etiquetas
<tbody>
y<td>
- Alterando la forma de las celdas: los atributos
colspan
yrowspan
- La etiqueta
- Texto y CSS: la etiqueta
<span>
y los atributosclass
ystyle
- Párrafos: la etiqueta
- Formularios en HTML 5 (próximamente)
- La etiqueta
<form>
- Funcionamiento de un formulario:
action
, submit ymethod
- El atributo
action
- El atributo
method
: post y get
- Funcionamiento de un formulario:
- La etiqueta
- Elementos multimedia en HTML 5 (próximamente)
- Anexo #1: accesibilidad en HTML 5 (próximamente)
- Anexo #2: fragmentos de información y Schema.org (próximamente)
- Anexo #3: extensión social de la web (próximamente)
- Anexo #4: HTML 5 para SEO (próximamente)