Diferencia entre revisiones de «Lenguaje XHTML»

Contenido eliminado Contenido añadido
Línea 37:
 
==Un Documento XHTML Básico==
Vamos ahora a hacer un documento simple en XHTML. Como mencionamos antes, el documento empieza con ununa tagetiqueta <tt>&lt;html&gt;</tt> y termina con ella etiqueta de tagcierre <tt>&lt;/html&gt;</tt>. Ella tagetiqueta HTML es llamadoconocida también elcomo la tagetiqueta ''raíz'' (''root'' en inglés). Dentro de estoseste tagselemento hay dos elementos anidados: El elemento &lt;<tt>'''head&gt;'''</tt> (que significa ''cabecera'' en inglés) y el elemento &lt;<tt>'''body&gt;'''</tt> (que significa ''cuerpo'' en inglés, el cuerpo del documento). Por supuesto, otros elementos pueden estar anidados o sub-anidados dentro de estos elementos.
 
Por ahora usaremos el elemento &lt;<tt>head&gt;</tt> sólo para alojar el elemento &lt;<tt>title&gt;</tt>. El elemento título debe ir entre loslas tagsetiquetas <tt>&lt;title&gt;<tt> y <tt>&lt;/title&gt;</tt> de inicio y de fin. respectivamente.
Entonces la sintaxis total del elemento &lt;head&gt; para que incluir el ''título'' "wikibooks" es:
 
Entonces la sintaxis totalresultante del elemento &lt;<tt>head&gt;</tt> para que incluir el ''título'' "wikibooks" es:
 
&lt;head&gt;
Línea 47 ⟶ 49:
&lt;/head&gt;
 
Por supuesto que esto sólo no puede ser un archivo .htmlHTML completo, pero convertirlo en un archivo XHTML completo no es mucho trabajo adicional. Como mencionamos antes, debes poner ununa tagetiqueta &lt;html&gt; que encierre absolutamente a todo. Pero necesitarás algo para almacenar el contenido, para eso está: el elemento &lt;<tt>body&gt;</tt>. El elemento &lt;<tt>body&gt;</tt> debe ponerse dentro del elemento &lt;html&gt;. Por ahora, sólo pondremos texto dento del elemento &lt;html&gt;. Este texto será mostrado en la mayoría de lso navegadores con la tipografía Times News Roman 12-point color negro y fondo blanco.
Tenemos entonces un ejemplo de XHTML con el título "Wikibooks" y el contenido "Wikibooks is a great website":
 
<div style="float:right">[[Image:Wikibooksgreatwebsite.png]]<br/> <center>[[media:WikiBooks.html|Download file]]</center></div>
 
&lt;html&gt;
Línea 64:
&lt;/body&gt;
&lt;/html&gt;
 
 
Ahora puedes copiar este ejemplo, pegarlo en un editor de texto, guardarlo con la extensión .html, y abrirlo en tu navegador.
 
Aunque este documento funciona en el 99% de los navegadores que soportan XHTML, aún no es un docmuento válido porque no hemos indicado el tipo de dcomuento (''Doctype'').
Aunque este documento funciona en el 99% de los navegadores que soportan XHTML, aún no es un docmuento ''válido'' porque no hemos indicado el tipo de documento (''Doctype''). El ''doctype'' sirve para indicarle al navegador qué tipo de documento es el archivo. En HTML, la etiqueta ''doctype'' es opcional, pero en XHTML, es obligatoria. Nosotros usaremos el doctype XHTML 1.0 Stric (XHTML 1.0 estricto), cuyo código mostramos a continuación:
 
&lt;!DOCTYPE html