tag:blogger.com,1999:blog-240371872008-07-12T23:49:08.239ZManual XHTMLsantinoreply@blogger.comBlogger15125tag:blogger.com,1999:blog-24037187.post-1146592016518446862006-05-02T17:45:00.000Z2007-04-23T02:02:07.827ZLista de contenidosAntes de empezar podés enterarte leyendo un poco más acerca de este manual Primer documento XHTML 1. Introducción 2. Fichero XHTML, editor y navegador web 3. Etiquetas 4. Primer documento XHTML 5. Ejemplo Encabezados y marcas de importancia Encabezados títulos Elemento strong Elemento em Enlaces, vinculos y anchor 1. Introducción 2. Primer link 3. Enlace a santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590312948365492006-05-02T17:18:00.000Z2006-05-02T21:20:07.346ZTablas 1. Introducción 2. Ejemplo sencillo 3. El atributo summary 4. El pie de la tabla (footer) 5. Elementos de una tabla gráficamente 1. Introducción Las tablas son una interesante herramienta para el marcado de información tabular, otros usos y abusos (como maquetación y diseño) se desaconsejan encarecidamente. De nuevo: mantener por separado, el diseño del contenido. 2. Ejemplo santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590256411030342006-05-02T17:17:00.000Z2006-05-02T17:17:36.416ZTexto preformateado 1. Elemento pre 2. Elemento code 1. Elemento pre En algunas ocasiones podríamos necesitar incluír el contenido de un archivo de texto sin perder el formato, es decir conservando los saltos de línea y el espaciado original. Para esto contamos con el elemento pre, que permite representar texto ya preformateado. Uno de los usos más comunes de este elemento, es la inclusión de código santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590223415497742006-05-02T17:16:00.001Z2006-10-01T18:48:29.620ZListas 1. Introducción 2. Listas ordenadas y númeradas 2.1. Diferentes tipos de listas ordenadas 3. Listas desordenadas 3.1. Diferentes tipos de listas desordenadas 4. Listas de definiciones 5. Listas compuestas mediante anidamiento 1. Introducción Las listas ofrecen la posibilidad de presentar cierto tipo de información de una santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590193772487762006-05-02T17:16:00.000Z2006-05-02T21:39:23.370ZImagenes 1. Imagenes formatos 2. El elemento img 3. Altura y ancho 4. Alineación de las imagenes (con atributo align) 5. Alineación de las imagenes (con propiedad float) 5.1. float: right 5.2. float: left 1. Imagenes formatos Además de texto, podemos incorporar al contenido de nuestros documentos XHTML archivos de imagenes que pueden contener fotografías, santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590143097815872006-05-02T17:15:00.000Z2006-05-04T18:25:56.726ZFormularios 1. Introducción 2. Dos métodos post y get 2.1. Método get 2.2. Método post 3. Empezando con form 4. Elemento input 5. Campos de texto 6. Botones de radio 7. Botón de comprobación checkbox 8. Botones de envio y de reset 9. Cajas de texto 10. Seleccionar con select 11. Elemento label 12. Agrupando con fieldset 1. Introducción Los formularios santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590104068339292006-05-02T17:14:00.000Z2006-11-12T19:41:04.630ZEnlaces, vínculos y anchor 1. Introducción 2. Primer link 3. Enlace a correo electrónico y otros recursos 4. Enlaces relativos y absolutos 5. Enlaces hacia anclas en la misma página 6. El atributo title 7. Atributos rel y rev 7.1. Valor nofollow para rel 7.2. Valor tag para rel (Technorati) 8. Código con todos los ejemplos: 9. Ejemplo 1. Introducción Los enlaces son los santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590038125462152006-05-02T17:13:00.000Z2006-05-02T21:57:48.936ZEncabezados y marcas de importancia Encabezados títulos Elemento strong Elemento em Encabezados títulos Los encabezados o títulos se pueden obtener mediante 6 etiquetas diferentes: h1, h2, h3, h4, h5 y h6 que tienen una jerarquía de importancia en la manera en que se representan por los navegadores. Esto significa que h1 será la etiqueta del título de mayor importancia lo que se traduce en, por ejemplo, un tamaño de santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146589985275726392006-05-02T17:11:00.000Z2006-10-24T22:12:03.013ZCitas, abreviaturas y acrónimos 1. Citas 2. Citas con <blockquote> 3. Citas con <cite> 4. Abreviaturas 5. Acrónimos 6. Código del ejemplo 7. Ejemplo 1. Citas En muchos documentos citaremos texto desde otras fuentes. Para especificar que estamos citando algún contenido desde otra fuente disponemos de dos etiquetas que se diferencian entre sí en el modo en que se presentará el contenido citado dentro del santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146590285613733912006-05-01T17:17:00.000Z2006-12-04T22:45:50.260ZPrimer documento XHTML 1. Introducción 2. Fichero XHTML, editor y navegador web 3. Etiquetas 4. Primer documento XHTML 5. Ejemplo 1. Introducción XHTML significa lenguaje de marcado de hipertexto extendido. Se utiliza para generar documentos y contenidos de hipertexto generalmente publicados en la WEB. Es además una reformulación del lenguaje HTML que se puede jactar de ser ahora compatible con XML. santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146593923714514022006-04-02T18:17:00.000Z2006-12-14T17:32:49.966ZLibro de visitasDeja aquí tus comentarios u opiniones sobre el manual.santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-1146604208471556572006-04-01T21:09:00.000Z2006-05-02T22:39:37.610ZSobre este manualSiempre escribí resumenes o anotaciones personales sobre los temas que estudio. Estos apuntes me eran de gran ayuda, pero carecían de valor para los demás. Cuando emprendí el estudio del lenguaje XHTML también comencé a hacerlo, pero luego pensé que podría darle algo más de formalidad y rigurosidad para poder hacerlo público, con el fin de constituir un documento que podría llegar a ser útil a santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-81996500577917804122004-01-28T02:29:00.000Z2007-01-28T02:33:28.274ZElemento SPANspan: elemento de línea Hemos visto elementos como strong o em utilizados para marcar fuerza o enfatizado respectivamente. Existe un elemento genérico de agrupación en línea llamado span. Con él podemos agrupar un conjunto de palabras por algún criterio especial que se nos ocurra. Y luego podremos aplicar a todas ellas estilos mediante clases. La idea es sencilla veamos un ejemplo: <span santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-29898363900640229082003-02-26T02:34:00.000Z2007-02-27T02:08:28.960ZEmacs: xHTML mode sgml-mode Descripción Personalización Esqueletos Generador de tablas Validación Key bindings Funciones y comandos Descripción Es un modo basado en el modo SGML, para editar documentos HTML. Permite insertar los esqueletos más comunes utilizados al editar xHTML Para ver una santinoreply@blogger.comtag:blogger.com,1999:blog-24037187.post-3659141435513074052000-04-23T01:59:00.000Z2007-04-23T02:00:13.828ZEnlaces interesantes Enlaces interesantessantinoreply@blogger.com