Diferencia entre revisiones de «Lenguaje HTML/Estructura de un documento HTML»

Contenido eliminado Contenido añadido
Sin resumen de edición
Alan (discusión | contribs.)
m Revertidos los cambios de 201.249.229.214 (disc.) a la última edición de LlamaAl
Línea 5:
}}
En esta sección conoceremos los cuatro elementos básicos que "marcan" la estructura de un documento HTML.
Pero antes de nada veamos el esqueleto de un documento HTML vacío:
 
:<!DOCTYPE>
::<'''html'''>
::: <'''head'''>
::: </'''head'''>
::: <'''body'''>
::: </'''body'''>
::</'''html'''>
 
La primera línea está reservada al DOCTYPE (tipo de documento), después viene el documento HTML, que está dividido en dos secciones: head (cabecera) y body (cuerpo).
 
==DOCTYPE==
Define el tipo de documento.<br>
Este elemento, que muchos websmaster obvian (incorrectamente), le indica al navegador la versión y tipo de HTML empleado en el documento. De esta forma, el navegador usará el modelo de renderización adecuado al tipo de documento.
 
Para HTML 4.01 existen 3 tipos de doctype:
 
*strict: este doctype es el que contiene la definición de html recomendada por el W3C.
<pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"></nowiki></pre>
*transitional: este doctype es igual al strict, más algunos elementos y atributos antiguos que han quedado desfasados, pero que se conservan por aquéllo de la compatibilidad.
<pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"></nowiki></pre>
*frameset: este doctype es igual al transitional más los elementos específicos para la creación de marcos.
<pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
Línea 47 ⟶ 70:
</html>
</nowiki>
La etiqueta '''&lt;body&gt;''' puede tener los siguientes atributos: <br>
 
<ul>
<li>text="..." color del texto
<li>link="..." color de enlaces no visitados
<li>vlink="..." color de enlaces visitados
<li>alink="..." color del link activo
<li>bgcolor="..." color del fondo
<li>background="..." Imagen de fondo
</ul>
 
Línea 62 ⟶ 93:
</head>
<body>
<p>Hola mundoprogram prueba;mundo</p>
begin
writeln('Esto es una prueba de la instruccion writeln');
writeln('Esta es la segunda linea de escritura');
end.</p>
</body>
</html>