Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 1 Lenguaje XHTML

    Cargado por

    Juan Fernando Lima
    8 vistas6 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas6 páginas

    1 Lenguaje XHTML

    Cargado por

    Juan Fernando Lima

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 6

    27/09/2013

    XHTML

    Programacin Web

    HTML HyperText Markup Language XHML es una adaptacin de HTML al lenguaje XML

    El Lenguaje XHTML

    Deber

    HTML XHTML Estructura de un documento

    Validador
    http://www.w3c.org/ http://www.w3c.es/

    Gua de XHTML
    http://www.w3c.es/Divulgacion/GuiasBreves/XHTML http://www.w3c.es/Divulgacion/GuiasReferencia/

    27/09/2013

    Estructura de un documento

    DOCTYPE - Document Type Definition("Definicin del Tipo de Documento").

    <! comentario --> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"> <head> <title>Ttulo</title> </head> <body> . . </body> </html>

    Un DTD es un documento que recoge el conjunto de normas y restricciones que deben cumplir los documentos de un determinado tipo. XHTML 1.1
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    XHTML 1.0 Estricto


    Se trata de la variante con las normas ms estrictas y las restricciones ms severas. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">

    XHTML 1.0 Transitorio Se trata de una variante menos estricta que la anterior, ya que permite el uso de algunos atributos HTML relacionados con el aspecto de los elementos. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">

    27/09/2013

    <html> .. </html>

    XHTML 1.0 Frameset Esta ltima variante la utilizan las pginas que estn formadas por frames, una prctica completamente desaconsejada y que hoy en da slo utilizan los sitios web obsoletos. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1frameset.dtd">

    <html>: indica el comienzo y el final de un documento HTML. Ninguna etiqueta o contenido puede colocarse antes o despus de la etiqueta <html> (con excepcin de DOCTYPE y XML). En el interior de la etiqueta <html> se definen la cabecera y el cuerpo del documento HTML y todo lo que se coloque fuera de la etiqueta <html> se ignora.

    <head> .. </head>

    <body> </body>

    <head>: delimita la parte de la cabecera del documento. La cabecera contiene informacin sobre el propio documento HTML, como por ejemplo su ttulo y el idioma de la pgina. Los contenidos indicados en la cabecera no son visibles para el usuario, con la excepcin de la etiqueta <title>, que se utiliza para indicar el ttulo del documento y que los navegadores lo visualizan en la parte superior izquierda de la ventana del navegador.

    <body>: delimita el cuerpo del documento HTML. El cuerpo encierra todos los contenidos que se muestran al usuario (prrafos de texto, imgenes, tablas).

    27/09/2013

    Etiquetas para manejo de texto

    Ttulos de secciones
    <h1>, <h2>, <h3>, <h4>, <h5> y <h6>

    Subndice
    <sub>texto</sub>

    Prrafos
    <p>texto</p>

    Superndice
    <sup>texto</sup>

    Cursiva
    <em>texto</em>

    Negrita
    <strong>texto</strong>

    Muestra una cita (el ttulo de una obra a la que ests haciendo referencia, por ejemplo).
    <cite>cita</ cite>

    Texto ms grande
    <big>texto</big>

    Direccin de un documento del que se ha extrado la cita


    <blockquote> "URL que indica el documento original de la cita."</blockquote>

    Texto ms pequeo
    <small>texto</small>

    Espacio en blanco
    <br></br> <br/>

    Entidad &ntilde; &Ntilde; &aacute; &eacute; &iacute; &oacute; &uacute; &Aacute; &Eacute; &Iacute; &Oacute; &Uacute; &euro;

    Carcter

    Descripcin oficial latin letter n with tilde latin capital n letter with tilde a acute e acute i acute o acute u acute A acute E acute I acute O acute U acute euro

    Muestra el texto como est escrito (respetando los espacios en blanco)


    <pre>texto .. .. </pre>

    Delimita el texto considerado un fragmento de cdigo fuente


    <code>texto </code>

    27/09/2013

    Enlaces

    Links o enlaces a todo tipo de recursos


    Entidad &lt; &gt; &amp; &quot; &nbsp; &apos; Carcter < > & " (espacio en blanco) ' Descripcin less than more than ampersand quotation mark non-breaking space apostrophe Traduccin signo de menor que signo de mayor que ampersand comillas espacio en blanco apstrofo

    <a> </a> name = "texto" - Permite nombrar al enlace para que se pueda acceder desde otros enlaces href = "url" - Indica la URL del recurso que se quiere enlazar <a href="http://www.google.com">Pgina principal de Google</a> <a name="primera_seccion"></a> <a href="http:// primera_seccion ">Enlace a la seccin 2 de la pgina 1</a>

    Etiquetas para creacin de Listas

    <a name="inicio"></a> <a href="#inicio">Volver al inicio de la pgina</a>

    Listas no ordenadas
    La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos. <ul> <li>Inicio</li> <li>Noticias</li> <li>Artculos</li> <li>Contacto</li> </ul>

    27/09/2013

    Etiquetas para creacin de Listas

    Listas ordenadas
    La etiqueta <ol> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos. <ol> <li>Enchufar correctamente</li> <li>Comprobar conexiones</li> <li>Encender el aparato</li> </ol>

    Listas de definicin
    La etiqueta <dl> crea la lista de definicin y las etiquetas <dt> y <dd> definen respectivamente el trmino y la descripcin de cada elemento de la lista. <dl> <dt>SGML</dt> <dd>Metalenguaje para la definicin de otros lenguajes de marcado</dd> <dt>XML</dt> <dd>Lenguaje basado en SGML y que se emplea para describir datos</dd> </dl>

    También podría gustarte