Declaración DOCTYPE HTML Estricto
¿ Qué es HTML? Estructura interna Salto de línea Párrafo Títulos Enfasis Hipervínculo a otra página Hipervínculo a otro sitio WEB Imágenes en una página Hipervínculo en una imagen Apertura de un hipervínculo en otra instancia del navegador Enlace a un correo Anclas en la misma página Anclas en la otra página Lista ordenada Lista no ordenada Lista de definiciones Listas anidadas Tablas Tabla con encabezado Tabla con título Combinación de celdas Titulo de la pagina Contenido de la cabecera Comentarios en una página Caracteres especiales Formulario form Formulario input Formulario texarea Formulario checkbox Formulario radio Formulario Select 1 Formulario Select 2 Formulario Select 3 Formulario Button Formulario Button 2 Formulario type= Formulario - input type= Formulario - agrupamiento de controles Formulario - controles con valores iniciales Formulario - orden de foco de controles Formulario - Inhabilitar controles Formulario - Text/password y maxlength Formulario - text/password/textarea y readonly Formulario - Envío de datos mediante mail Formulario - label Frames Actualización de un frame Frames - Medidas Frames - propiedades Frames - Anidamiento iframes Declaración DOCTYPE HTML Transitional DOCTYPE. HTML Estricto DOCTYPE. para Frames Validación de enlaces Conceptos hojas de estilo Texto en CSS Elementos div y span Fuentes con CSS Elementos obsoletos de html

Declaración DOCTYPE HTML Estricto

En el DTD Estricto de HTML 4.01 se excluye los elementos y atributos de presentación que el W3C espera que dejen de utilizarse a medida que se extienda por parte de todos los navegadores el soporte de las hojas de estilo.

Los webmaster deben usar el DTD Estricto siempre que sea posible, pero pueden usar el DTD Transicional si es necesario el soporte de elementos y atributos de presentación. Prácticamente todas las páginas que hemos desarrollado debemos hacerle algunos retoques para que cumplan con la validación de HTML estrícta. Veremos varias de las páginas desarrolladas y los cambios que debemos hacer para que pasen la validación:

Problema 1:Confeccionar una página que muestre los nombres de 5 lenguajes de programación separados por un guión:

<html>
 <head>
 </head>
 <body>
PHP - Java - JavaScript - C - C++
</body>
</html>

Con los cambios para que valide:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Página de prueba del DTD</title>
</head>
<body>
<p>PHP - Java - JavaScript - C - C++</p>
</body>
</html>
Que modificaciones hemos hecho?

  1.  Definimos el DOCTYPE
  2. Agregamos el meta:
  3. Definimos el elemento title:
  4. Página de prueba del DTD Definimos el texto de la página dentro de un párrafo (no puede un texto depender directamente del body): <p>PHP - Java - JavaScript - C - C++</p>
Todos estos cambios son obligatorios para que valide como HTML 4.01 estricto. Problema 2:Confeccionar una página principal que tenga un hipervínculo a otra página secundaria.

<html>
<head>
</head>
<body> <h1>Página principal.</h1> <a href="pagina2.html">Noticias</a>
</body>
</html>

Con los cambios para que valide:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Página de prueba del DTD</title>
</head>
<body>
<h1>Página principal.</h1>
<p><a href="pagina2.html">Noticias</a></p>
</body>
</html>

Que modificaciones hemos hecho?

  1. Definimos el DOCTYPE
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. Agregamos el meta:
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  3. Definimos el elemento title:
    <title>Página de prueba del DTD</title>
  4. Definimos el hipervínculo de la página dentro de un párrafo (no puede un hipervínculo depender directamente del body):
    <p><a href="pagina2.html">Noticias</a></p>

Problema 3:Confeccionar un formulario que solicite el ingreso del nombre de un usuario y su clave. Mostrar asteriscos donde se ingresa la clave. Disponer dos botones, uno para el envío de datos al servidor y otro para borrar el contenido de todos los controles (editores de texto) que contiene el formulario.

<html>
<head>
<title>Prueba de formulario</title>
 </head>
<body>
<form action="/registrardatos.php" method="post">
Ingrese su nombre: <input type="text" name="nombre" size="20">
<br> Ingrese su clave: <input type="password" name="clave" size="12"> <br>
<input type="submit" value="enviar">
<input type="reset" value="borrar">
</form>
</body>
</html>

Con los cambios para que valide:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Página de prueba del DTD</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
<p> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br>
Ingrese su clave: <input type="password" name="clave" size="12"> <br>
<input type="submit" value="enviar">
<input type="reset" value="borrar"> </p>
</form>
</body>
</html>

Que modificaciones hemos hecho?

  1. Definimos el DOCTYPE
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. Agregamos el meta:
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  3. Definimos el elemento title:
    <title>Página de prueba del DTD</title>
  4. Definimos todos el contenido del form dentro de un párrafo. No se puede disponer texto o controles de formulario que dependan directamente del elemento form.:
    <p> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> Ingrese su clave: <input type="password" name="clave" size="12"> <br> <input type="submit" value="enviar"> <input type="reset" value="borrar"> </p>