Imprimir

Manual de HTML: Lo más básico

Qué es el HTML

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>

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

Deja un comentario