Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Milagros Membrillo Jimenez
    21 views19 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    21 views19 pages

    HTML

    Uploaded by

    Milagros Membrillo Jimenez

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 19

    12/02/2013

    Milagros Membrillo Jimnez

    ndice
    Qu es HTML? ............................................................................................................... 2 Caractersticas ................................................................................................................... 2 Etiquetas ........................................................................................................................... 2 Estructurar .................................................................................................................... 2 Marcado bsico ............................................................................................................. 3 Marcado avanzado de texto .......................................................................................... 3 Texto preformateado..................................................................................................... 3 Enlaces .......................................................................................................................... 4 Listas ................................................................................................................................. 5 Listas no ordenadas ...................................................................................................... 5 Listas ordenadas ........................................................................................................... 5 Imgenes y objetos ........................................................................................................... 5 Imgenes ....................................................................................................................... 5 Objetos .......................................................................................................................... 6 Tablas ............................................................................................................................... 6 Tablas complejas .......................................................................................................... 8 Formularios....................................................................................................................... 8 Elementos de formulario .............................................................................................. 8 Formularios avanzados ............................................................................................... 12 Layout ............................................................................................................................. 13 Eventos ........................................................................................................................... 13 Metainformacin ............................................................................................................ 14 XHTML .......................................................................................................................... 15 DOCTYPE ...................................................................................................................... 16 Codificacin de caracteres .............................................................................................. 17

    Qu es HTML?
    Definindolo de forma sencilla, "HTML es lo que se utiliza para crear todas las pginas web de Internet". Ms concretamente, HTML es el lenguaje con el que se "escriben" la mayora de pginas web.

    Caractersticas
    Las pginas HTML se dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye informacin sobre la propia pgina, como por ejemplo su ttulo y su idioma. El cuerpo de la pgina incluye todos sus contenidos, como prrafos de texto e imgenes. El cuerpo (llamado body en ingls) contiene todo lo que el usuario ve en su pantalla y la cabecera (llamada head en ingls) contiene todo lo que no se ve (con la nica excepcin del ttulo de la pgina, que los navegadores muestran como ttulo de sus ventanas). Las tres etiquetas principales del documento HTML: <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 una sola excepcin que se ver ms adelante). 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>: 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). En general, el <body> de un documento contiene cientos de etiquetas HTML, mientras que el <head> no contiene ms que unas pocas.

    Etiquetas
    Estructurar
    La etiqueta <p>: permite definir los prrafos que forman el texto de una pgina. Para delimitar el texto de un prrafo, se encierra ese texto con la etiqueta <p>.

    Las etiquetas que definen los ttulos de seccin son <h1>, <h2>, <h3>, <h4>, <h5> y <h6>. La etiqueta <h1> es la de mayor importancia y por tanto se utiliza para definir los titulares de la pgina.

    Marcado bsico
    <ins> Se emplea para marcar una modificacin en los contenidos originales consistente en la insercin de un nuevo contenido <del> Se emplea para marcar una modificacin en los contenidos originales consistente en el borrado de cierto contenido

    Marcado avanzado de texto


    <abbr> (Abreviaturas): Se emplea para marcar las abreviaturas del texto y proporcionar el significado de esas abreviaturas <acronym> (Acrnimos o siglas): Se emplea para marcar las siglas o acrnimos del texto y proporcionar el significado de esas siglas Las dos tienen el mismo atributo especfico: title = "texto" - Indica el significado completo de la abreviatura/acrnimo Ejemplo:<p>El lenguaje <acronym title="HyperText Markup Language"> HTML </acronym> es estandarizado <dfn> (Definicin): contiene un trmino que es descripto por el prrafo que lo contiene. Ejemplo: En <dfn>archivo de hojas de estilo en cascada</dfn> es un documento con atributos presentacionales agrupados en clases. <cite>( Cita): Se emplea para marcar una cita o una referencia a otras fuentes

    Espacios en blanco y nuevas lneas


    <br> (Nueva lnea): Fuerza al navegador a insertar una nueva lnea, suele escribirse <br/> &nbsp; equivale a un espacio en blanco

    Texto preformateado
    <pre> (Texto preformateado): Muestra el texto que encierra tal y como est escrito (respetando los espacios en blanco) <code> (Cdigo fuente): Delimita el texto considerado un fragmento de cdigo fuente

    Enlaces
    La etiqueta <a> permite incluir enlaces bsicos. Sin embargo, la definicin completa de <a> es muy compleja, ya que dispone de varios atributos especficos importantes. A continuacin se muestra la definicin completa de <a>: o name = "texto" - Permite nombrar al enlace para que se pueda acceder desde otros enlaces o href = "url" - Indica la URL del recurso que se quiere enlazar o hreflang = "codigo_idioma" - Idioma del recurso enlazado o type = "tipo_de_contenido" - Permite "avisar" al navegador sobre el tipo de contenido que se enlaza (imgenes, archivos, etc.) para que pueda preparase en caso de que no entienda ese contenido o rel = "tipo_de_relacion" - Describe la relacin del documento actual con el recurso enlazado o rev = "tipo_de_relacion" - Describe la relacin del recurso enlazado con el documento actual o charset = "tipo_de_charset" - Describe la codificacin del recurso enlazado La etiqueta <link> que permite enlazar y relacionar la pgina con otros recursos externos. Atributos: o Los siguientes con el mismo significado que para la etiqueta "a": charset, href, hreflang, type, rel y rev o media = "tipo_de_medio" - Indica el medio para el que debe aplicarse la relacin Ejemplo de enlaces o Enlace al inicio del sitio web: <a href="/">Inicio</a> o Enlace a un email: <a href="mailto:nombre@direccion.com" title="Direccin de email para solicitar ms informacin"> Solicita ms informacin </a> o Enlazar el favicon: <link rel="shortcut icon" href="/favicon.ico" type="image/ico" />

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

    Listas ordenadas
    La lista ordenada, que se define mediante la etiqueta <ol>. Los elementos de la lista se definen mediante la etiqueta <li> <ol> <li>Enchufar correctamente</li> <li>Comprobar conexiones</li> <li>Encender el aparato</li> </ol>

    Imgenes y objetos
    Imgenes
    La etiqueta <img> utilizada para incluir las imgenes. Atributos: o src = "url" - Indica la URL de la imagen que se muestra o alt = "texto" - Descripcin corta de la imagen o longdesc = "url" - Indica una URL en la que puede encontrarse una descripcin ms detallada de la imagen o name = "texto" - Nombre del elemento imagen o height = "unidad_de_medida" - Indica la altura con la que se debe mostrar la imagen (no es obligatorio que coincida con la altura original de la imagen)

    o width = "unidad_de_medida" - Indica la anchura con la que se debe mostrar la imagen (no es obligatorio que coincida con la anchura original de la imagen) Ejemplo <img src="logotipo.gif" alt="Logotipo de Mi Sitio" />

    Objetos
    La etiqueta <object> es la que permite "embeber" o incluir en las pginas HTML cualquier tipo de contenido complejo. Atributos: o data = "url" - Indica la URL de los datos que utiliza el objeto o classid, codebase, codetype - Informacin especfica que depende del tipo de objeto o type - Indica el tipo de contenido de los datos o height = "unidad_de_medida" - Indica la altura con la que se debe mostrar el objeto o width = "unidad_de_medida" - Indica la anchura con la que se debe mostrar el objeto Ejemplo: <object data="PlanetaTierra.mpeg" type="application/mpeg" /> La etiqueta <param> les puede pasar informacin adicional en forma de parmetros. Atributos: o name = "texto" - Indica el nombre del parmetro o value = "texto" - Indica el valor del parmetro Las etiquetas <param> siempre se incluyen en el interior de las etiquetas <object>: <object data="..." type="..."> <param name="parametro1" value="40" /> <param name="parametro2" value="20" /> <param name="parametro3" value="texto de prueba" /> </object>

    Tablas
    Las tablas ms sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna. La etiqueta <table> Se emplea para definir tablas de datos el atributo que puede utilizar:

    o summary = "texto" - Permite describir el contenido de la tabla (lo utilizan los buscadores y las personas discapacitadas) La etiqueta <tr> Se emplea para definir cada fila de las tablas de datos no tiene atributos. La etiqueta <td> Se emplea para definir cada una de las celdas que forman las filas de una tabla, es decir, las columnas de la tabla. Los atributos disponibles son: o abbr = "texto" - Permite describir el contenido de la celda (se emplea sobre todo con los navegadores de voz utilizados por personas discapacitadas) o headers = "lista_de_id" - Indica las celdas que actan como cabeceras para esta celda (los ttulos de las columnas y filas). Se indica como una lista de valores del atributo "id" de celdas o scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda ser su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las dems celdas que estn en la misma columna o colspan = "numero" - Nmero de columnas que ocupa esta celda o rowspan = "numero" - Nmero de filas que ocupa esta celda La etiqueta <th> Se emplea para definir las celdas que son cabecera de una fila o de una columna de la tabla. Los atributos disponibles son: o abbr = "texto" - Permite describir el contenido de la celda (se emplea sobre todo con los navegadores de voz utilizados por personas discapacitadas) o headers = "lista_de_id" - Indica las celdas que actan como cabeceras para esta celda (los ttulos de las columnas y filas). Se indica como una lista de ID de celdas o scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda ser su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las dems celdas que estn en la misma columna o colspan = "numero" - Nmero de columnas que ocupa esta celda o rowspan = "numero" - Nmero de filas que ocupa esta celda La etiqueta <caption> para establecer la leyenda o ttulo de una tabla. La etiqueta debe colocarse inmediatamente despus de la etiqueta <table> y cada tabla slo puede incluir una etiqueta <caption>.

    A continuacin se muestra el cdigo HTML de una tabla sencilla:

    Tablas complejas
    Las partes que componen las tablas complejas se definen mediante las etiquetas <thead>, <tbody> y <tfoot>. La cabecera de la tabla se define con la etiqueta <thead>, el pie de la tabla se define mediante <tfoot> y cada seccin de datos se define con una etiqueta <tbody>.

    Formularios
    Elementos de formulario
    La etiqueta <form> encierra todos los contenidos del formulario (botones, cuadros de texto,listas desplegables) Atributos: o action = "url" - Indica la URL que se encarga de procesar los datos del formulario

    o method = "POST (se ve la direccin tiene ms capacidad y permite adjuntos ) o GET (no se ve la direccin y est limitada la capacidad y no permite adjunto )" - Mtodo HTTP empleado al enviar el formulario o enctype = "application/x-www-form-urlencoded o multipart/form-data" Tipo de codificacin empleada al enviar el formulario al servidor (slo se indica de forma explcita en los formularios que permiten adjuntar archivos) o accept = "tipo_de_contenido" - Lista separada por comas de todos los tipos de archivos aceptados por el servidor (slo para los formularios que permiten adjuntar archivos) o Otros: accept-charset, onsubmit, onreset la etiqueta <input> permite definir varios tipos diferentes de elementos (botones y cuadros de texto). Atributos: o type = "text | password | checkbox | radio | submit | reset | file | hidden | image | button" - Indica el tipo de control que se incluye en el formulario o name = "texto" - Asigna un nombre al control (es imprescindible para que el servidor pueda procesar el formulario) o value = "texto" - Valor inicial del control o size = "unidad_de_medida" - Tamao inicial del control (para los campos de texto y de password se refiere al nmero de caracteres, en el resto de controles se refiere a su tamao en pxel) o maxlength = "numero" - Mximo nmero de caracteres para los controles de texto y de password o checked = "checked" - Para los controles checkbox y radiobutton permite indicar qu opcin aparece preseleccionada o disabled = "disabled" - El control aparece deshabilitado y su valor no se enva al servidor junto con el resto de datos o readonly = "readonly" - El contenido del control no se puede modificar o src = "url" - Para el control que permite crear botones con imgenes, indica la URL de la imagen que se emplea como botn de formulario o alt = "texto" - Descripcin del control El cdigo HTML necesario para definir el formulario sencillo se muestra a continuacin:

    Cuadro de texto Nombre <br/> <input type="text" name="nombre" value="" /> Cuadro de contrasea Contrasea <br/> <input type="password" name="contrasena" value="" /> Checkbox Puestos de trabajo buscados <br/> <input name="puesto_directivo" type="checkbox" value="direccion"/> Direccin <input name="puesto_tecnico" type="checkbox" value="tecnico"/> Tcnico <input name="puesto_empleado" type="checkbox" value="empleado"/> Empleado

    Radiobutton Sexo <br/> <input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre <input type="radio" name="sexo" value="mujer" /> Mujer

    10

    Botn de envo de formulario <input type="submit" name="buscar" value="Buscar" /> Botn de reseteo del formulario <input type="reset" name="limpiar" value="Borrar datos del formulario" />

    Ficheros adjuntos Los formularios tambin permiten adjuntar archivos para subirlos al servidor. <input type="file" name="adjunto" /> El valor del atributo enctype debe ser multipart/form-data, por lo que la etiqueta <form> de los formularios que permiten adjuntar archivos siempre es: <form action="..." method="post" enctype="multipart/form-data"> Campos ocultos Los campos ocultos se emplean para aadir informacin oculta para el usuario en el formulario <input type="hidden" name="url_previa" value="/articulo/primero.html" />

    Botn de imagen Los botones de formulario se puede personalizar por completo, ya que incluso es posible utilizar una imagen como botn: <input type="image" name="enviar" src="accept.png" />

    Botn El estndar HTML/XHTML define un botn de tipo genrico: <input type="button" name="guardar" value="Guardar Cambios" />

    11

    Formularios avanzados
    La etiqueta <fieldset> agrupa campos del formulario La etiqueta <legend>se incluye dentro de cada etiqueta <fieldset> y establece el ttulo que muestra el navegador para cada agrupacin de elementos. La etiqueta <label> se utiliza para establecer el ttulo de cada campo del formulario. El atributo for = "id_de_elemento" - Indica el ID del campo del formulario para el que este elemento es su ttulo <label for="nombre">Nombre</label> <br/> Las listas deplegables <select> Los tres tipos de listas desplegables se definen con la misma etiqueta <select> y cada elemento de la lista se define mediante la etiqueta <option>: o <select> Lista desplegable Atributos: size = "numero" - Nmero de filas que se muestran de la lista (por defecto slo se muestra una) multiple = "multiple" - Si se incluye, se permite seleccionar ms de un elemento Otros: name, disabled, onchange, onfocus, onblur

    o <option> Elemento de una lista desplegable selected = "selected" - Indica si el elemento aparece seleccionado por defecto al cargarse la pgina value = "texto" - El valor que se enva al servidor cuando el usuario elige esa opcin Otros: label, disabled

    las reas de texto <textarea> Atributos: o rows = "numero" - Nmero de filas de texto que mostrar el textarea o cols = "numero" - Nmero de caracteres que se muestran en cada fila del textarea o Otros: name, disabled, readonly, onselect, onchange, onfocus, onblur <textarea id="descripcion" name="descripcion" cols="40" rows="5"></textarea>

    La etiqueta <optgroup> permite agrupar opciones relacionadas dentro de una lista desplegable.

    12

    Layout
    Para agrupar los elementos que forman cada zona o divisin de la pgina se utiliza la etiqueta <div>. No se va a profundizar en el proceso de disear una pgina web mediante <div>, ya que no es posible disear una pgina web compleja utilizando elementos <div> sin utilizar hojas de estilos CSS.

    Eventos
    Los eventos son una caracterstica de los documentos HTML (presente en otros lenguajes de programacin tambin) que permite a los autores agregar interactividad entre el sitio web y el visitante, al ejecutar programas del lado cliente cuando el visitante (u otro programa) realiza una accin. As como los atributos, los eventos pueden ser definidos fcilmente en el tag de apertura del elemento, con el mismo formato: <nombretag evento="codigo"> A continuacin hay una lista de todos los eventos disponibles para los estndares HTML 4.01 y XHTML 1.0. onload: el evento "onload" es lanzado cuando el agente de usuario termina de cargar una pgina o todos los marcos en un ser de marcos. Este evento es exclusivo de los elementos HTML body y HTML framset. onunload: el evento "onunload" es disparado cuando el agente de usuario retira el documento de una ventana o marco. este evento es exclusivo de los elementos HTML body y HTML framset. onclick: el evento "onclick" ocurre cuando se realiza un click sobre el elemento. ondblclick: el evento "ondblclick" es ejecutado cuando se hace un doble click sobre el elemento. onmousedown: el evento "onmousedown" es lanzado cuando el botn del mouse es presionado sobre el elemento (independientemente de que sea soltado o no). onmouseup: el evento "onmouseup" es disparado cuando el botn del mouse se suelta sobre el elemento. onmouseover: el evento "onmouseover" ocurre cuando el mouse es puesto sobre el elemento. onmousemove: el evento "onmousemove" es ejecutado cuando el mouse es movido mientras est sobre el elemento.

    13

    onmouseout: el evento "onmouseout" es lanzado cuando el mouse se quita de encima de un documento. onfocus: el envento "onfocus" es disparado cuando un elemento recibe el enfoque, bien sea a travs del mouse o por navegacin tabulada. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque: HTML a, HTML area, HTML label, HTML input, HTML select, HTML textarea, y HTML button. onblur: el evento "onblur" ocurre cuando el elemento pierde el enfoque bien sea a travs del mouse o por navegacin tabulada. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque. onkeypress: el evento "onkeypress" es ejecutado cuando una tecla es presionada y luego soltada mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque. onkeydown: el evento "onkeydown" es lanzado cuando una tecla es presionada (independientemente de que sea solatada o no) mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque. onkeyup: el evento "onkeyup" es disparado cuando una tecla es solatada mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque. onsubmit: el evento "onsubmit" ocurre cuando el formulario es enviado. Este evento es exclusivo del elemento HTML form. onreset: el evento "onreset" es ejecutado cuando el formulario es reestablecido a sus valores por defecto. Este evento es exclusivo del elemento HTML form. onselect: el evento "onselect" es lanzado cuando un usuario selcciona texto en un campo de texto. Este evento es exclusivo de los elementos HTML input y HTML textarea. onchange: el evento "onchange" es disparado cuando un control pierde el enfoque y su valor ha sido modificado desde que recibi el enfoque por ltima vez. Este evento es exclusivo de los elementos HTML input, HTML select y HTML textarea.

    Metainformacin
    Una de las partes ms importantes de la metainformacin de la pgina son los metadatos, que permiten incluir cualquier informacin relevante sobre la propia pgina. La especificacin oficial de HTML no define la lista de metadatos que se pueden incluir, por lo que las pginas tienen libertad absoluta para definir los metadatos que consideren adecuados. La etiqueta empleada para la definicin de los metadatos es <meta>.Atributos

    14

    name = "texto" - El nombre de la propiedad que se define (no existe una lista oficial de propiedades) content = "texto" - El valor de la propiedad definida (no existe una lista de valores permitidos) http-equiv = "texto" - En ocasiones, reemplaza al atributo name y lo emplean los servidores para adaptar sus respuestas al documento scheme = "texto" - Indica el esquema que se debe emplear para interpretar el valor de la propiedad

    XHTML
    XHTML, Siglas del ingls eXtensible HyperText Markup Language. XHTML es bsicamente HTML expresado como XML vlido. Es ms estricto a nivel tcnico, pero esto permite que posteriormente sea ms fcil al hacer cambios o buscar errores entre otros. Ventajas respecto del HTML Las principales ventajas del XHTML sobre el HTML son: Se pueden incorporar elementos de distintos espacios de nombres XML (como MathML y Scalable Vector Graphics). Un navegador no necesita implementar heursticas para detectar qu quiso poner el autor, por lo que el parser puede ser mucho ms sencillo. Como es XML se pueden utilizar fcilmente herramientas creadas para procesamiento de documentos XML genricos (editores, XSLT, etc.).

    Diferencias entre HTML y XHTML La siguiente lista muestra algunas reglas de XHTML 1.0 que lo diferencian de HTML 4.01. Muchas de estas diferencias vienen con el cambio de ser una aplicacin SGML a ser una aplicacin del ms estricto XML: Los elementos vacos deben cerrarse siempre: o Incorrecto: <br> o Correcto: <br></br> o <br/> o <br /> o Nota: Cualquiera de las tres formas es vlida en XHTML. Para compatibilidad segn el "Apndice C" debe usarse <br />. Los elementos no vacos tambin deben cerrarse siempre: o Incorrecto: <p>Primer prrafo<p>Segundo prrafo o Correcto: <p>Primer prrafo</p><p>Segundo prrafo</p>

    15

    Los elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre ltimo, debe cerrarse primero). o Incorrecto: <em><strong>Texto</em></strong> o Correcto: <em><strong>Texto</strong></em>

    Los valores de los atributos deben siempre ir encerrados entre comillas (simples o dobles). o Incorrecto: <td rowspan=3> o Correcto: <td rowspan="3"> o Correcto: <td rowspan='3'>

    Los nombres de elementos y atributos deben ir en minsculas. o Incorrecto: <A HREF="http://www.domname.com">Domname</A> o Correcto: <a href="http://www.domname.com">Domname</a>

    No est permitida la minimizacin de atributos (se usa el nombre del atributo como valor). o Incorrecto: <textarea readonly>Solo-lectura</textarea> o Correcto: <textarea readonly="readonly">Solo-lectura</textarea>

    Los atributos desaprobados en HTML 4.01 no forman parte de XHTML. o Incorrecto: <font color="#0000FF">Blue text</font> o Correcto: <span style="color: #0000FF;">Blue text</span>

    Reglas para DTDs estrictos El texto no debe ser insertado directamente en el cuerpo (dentro de la etiqueta body). o Incorrecto: <body>Texto plano</body> o Correcto: <body><span>Texto plano</span></body> No se deben insertar elementos de bloque dentro de elementos de lnea. o Incorrecto: <em><h2>Ttulo</h2></em> o Correcto: <h2><em>Ttulo</em></h2>

    DOCTYPE
    El estndar XHTML deriva de XML, por lo que comparte con el muchas de sus normas y sintaxis. Uno de los conceptos fundamentales de XML es la utilizacin del DTD o Document Type Definition ("Definicin del Tipo de Documento").

    16

    Un DTD es un documento que recoge el conjunto de normas y restricciones que deben cumplir los documentos de un determinado tipo. Si por ejemplo se define un DTD para los documentos relacionados con libros, se puede fijar como norma que cada libro tenga un ttulo y slo uno, que tenga uno o ms autores, que la informacin sobre el nmero de pginas pueda ser opcional, etc. En realidad, la versin 1.0 del estndar de XHTML define tres DTD diferentes. Para indicar el DTD utilizado al crear una determinada pgina, se emplea una etiqueta especial llamada doctype. La etiqueta doctype es el nico elemento que se incluye fuera de la etiqueta <html> de la pgina. De hecho, la declaracin del doctype es lo primero que se debe incluir en una pgina web, antes incluso que la etiqueta <html>. XHTML 1.0 Estricto <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Se trata de la variante con las normas ms estrictas y las restricciones ms severas. Las pginas web que incluyan este doctype, no pueden utilizar atributos relacionados con el aspecto de los contenidos, por lo que requiere una separacin total de cdigo HTML y estilos CSS. XHTML 1.0 Transitorio <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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. XHTML 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    Codificacin de caracteres
    Entidad &lt &gt &amp &quot &nbsp Carcter < > & " (espacio en blanco)

    17

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

    '

    18

    You might also like