Ejercicio: mi primera página web

Contactar con el profesor

broma sobre cómo estructurar una página html
estructura de una página html
<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>

	<body>

	</body>
</html>
Notas:
  • El doctype le dice al navegador que tipo de información va a contener la página web (HTML4, XHTML 1.0, HTML5).
  • Todo lo que hemos estado haciendo hasta ahora, iría dentro del body.

DOCTYPE

EL HTML 4.01 Strict no permite marcado de presentación con el argumento de que debería usar CSS en su lugar para eso. Así es como el DOCTYPE Strict luce:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Metaetiquetas de codificación del texto

Las etiquetas meta contienen información relativa al documento web.

Para HTML5:
<meta charset="UTF-8">

El atributo content="text/html define que clase de información contiene el documento web, cación se debería abrir.

La iso para Europa del Oeste (español):
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

La iso para Europa Central:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

Esperanto y Maltés:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-3" />

Letón, Lituano y Japonés:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-4" />
						...
Para caracteres asiáticos y de todo tipo:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Otras metaetiquetas

Indica al navegador el número de segundos antes de que la página sea actualizada.
<meta http-equiv="refresh" content="15" />

Redirecciona a la página indicada en la URL.
<meta http-equiv='refresh' content='0; URL=http://www.google.es/'>

Previene que la página se cargue en un target.
<meta http-equiv="window-target" content="_top" />

Documento XHTML que valide por w3c

Básicamente es un documento html bien formado.

  • Etiquetas en minúsculas (del XML).Como las etiquetas en XML distinguen entre mayúsculas y minúsculas (case-sensitive), la recomendación XHTML ha definido todos los nombres de etiqueta en minúsculas.
  • Valores de atributos entre comillas dobles.
  • Ningún texto puede estar directamente dentro del body, sin estar situado a su vez en otro elemento (por ejemplo, un párrafo). <p>hola mundo!</p>.
  • La etiqueta title, dentro del head, es obligatoria.
  • Las metaetiquetas se cierran en sí mismas explícitamente:
    <meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″/>

← Herramientas de desarrollo
Estructura de una página web →

Aviso Legal | Política de privacidad