Manual de HTML

Lo más básico

Las páginas web están escritas en HTML ("HyperText Markup Language", Lenguaje de Marcas de Hipertexto) y son archivos de texto con extensión .html que contienen instrucciones que serán interpretadas por el navegador.

Al programar páginas web hay que escribir código que verifique los estándares del W3C ("World Wide Web Consortium"), la organización que desarrolla los estándares para Internet. Para asegurarnos de que nuestro código valida utilizaremos los validadores del W3C.

Recursos

Etiquetas

Las instrucciones HTML son denominadas etiquetas o tags y su sintaxis básica es la siguiente:

<etiqueta>Texto</etiqueta>

Atributos

Algunas etiquetas admiten atributos que permiten modificar sus características. Su sintaxis es:

<etiqueta atributo_1="valor_1" atributo_2="valor_2">Texto</etiqueta>

Recursos

Secciones de un documento HTML

Un documento HTML genérico será similar a:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Hello World</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

Podemos diferenciar tres secciones básicas en un documento HTML:

  1. Declaración de tipo de documento
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
     
    </html>
    • <!DOCTYPE>

      Define el tipo de documento. La primera palabra tras DOCTYPE es el tag raíz, en este caso html.

    • <html></html>

      Indica al navegador el inicio y el final del documento HTML.

  2. Cabecera o head
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Hello World</title>
      </head>
  3. Cuerpo o body
      <body>
        <h1>Hello World</h1>
      </body>

Recursos

Artículos en la categoría "Manual de HTML"

  1. Manual de HTML: Cómo tener una web
  2. Manual de HTML: Cabecera
  3. Manual de HTML: Estilos CSS
  4. Manual de HTML: Cajas (div)
  5. Manual de HTML: Texto
  6. Manual de HTML: Glosarios y Listas
  7. Manual de HTML: Enlaces
  8. Manual de HTML: Tablas
  9. Manual de HTML: Imágenes
  10. Manual de HTML: Frames (marcos)
  11. Manual de HTML: Colores HTML
  12. Manual de HTML: Colores seguros para la web
  13. Manual de HTML: Formularios
  14. Manual de HTML: Fuentes
  15. Manual de HTML: Objetos
  16. Manual de HTML: Eventos y scripts
  17. Manual de HTML: Caracteres especiales
  18. Manual de HTML: Unidades
  19. Manual de HTML: URL encoding
  20. Manual de HTML: Responsive Web Design (diseño web adaptativo)
  21. Manual de HTML: Geolocalización HTML5 en aplicaciones web