Tutoriales de informática - Abrirllave.com

Abrirllave.com

Guion del tutorial de HTML

Índice de apartados del tutorial:

(1) Qué es HTML
(2) Primer documento HTML
  • Elemento "html"
  • Elemento "head"
  • Elemento "title"
  • Elemento "body"
  • Elemento "p"
  • Estructura básica de un documento HTML
  • Cómo crear un documento HTML
  • Cómo ver el código fuente de un documento HTML en un navegador web
(3) Comentarios
(4) Estilos
  • Estilo en línea - Atributo style
  • Estilo interno - Elemento "style"
  • Estilo externo - Elemento "link"
  • Elemento "span" y atributo class
(5) Párrafos
  • Elemento "pre"
  • Elemento "br"
  • Elemento "hr"
(6) Formato de texto
  • Elemento "b"
  • Elemento "i"
  • Elementos "strong" y "em"
  • Elemento "small"
  • Elementos "sub" y "sup"
  • Elemento "mark"
(7) Cabeceras
(8) Enlaces
  • Elemento "a"
  • Atributo target
  • Enlace a otra página del mismo sitio web
(9) Listas
  • Lista desordenada - Elementos "ul" y "li"
  • Lista ordenada - Elementos "ol" y "li"
  • Lista de descripción de términos - Elementos "dl", "dt" y "dd"
(10) Imágenes
  • Elemento "img"
  • Atributo src
  • Atributos width y height
  • Atributo alt
(11) Tablas
  • Tabla básica - Elementos "table", "tr" y "td"
  • Tabla con bordes - Propiedad CSS border
  • Tabla con celdas separadas - Propiedad CSS border-spacing
  • Tabla con borde junto - Propiedad CSS border-collapse
  • Tabla con relleno de celdas - Propiedad CSS padding
  • Ancho de una tabla - Propiedad CSS width
  • Título de una tabla - Elemento "caption"
  • Una celda puede abarcar varias columnas de una tabla - Atributo colspan
  • Cabeceras de una tabla - Elemento "th"
  • Estructura de una tabla - Elementos "thead", "tbody" y "tfoot"
(12) Divisiones
  • Elemento "div"
  • Elemento "div" y atributo class
  • Elemento "div" y atributo id
(13) Formularios
  • Formulario básico - Elementos "form" e "input"
  • Atributo action
  • Atributo method
  • Controles de un formulario - Elementos "button", "input", "select" y "textarea"
  • Agrupaciones de elementos - Elementos "fieldset" y "leyend"
  • Elemento "label"
  • Otros elementos: "datalist", "meter", "optgroup", "output", "progress"
Material extra