XHTML-1.0 y CSS-2.1: Índice y búsquedas

Buscador glosario XHTML 1.0 + CSS 2.1

Cadena:
Encontrados: 0 [?]
OTRAS OPCIONES DE BÚSQUEDA:
Conjuntivas:(SÍ: busca entradas que contengan todas las palabras (en ese orden); NO: busca alguna de las palabras)
Palabra completa:
Diferencia mayúsculas/minúsculas:
Patrón://
Resultados máximos:, número de búsquedas máximas: de un total de 0
Elementos XHTML de cabecera
VERSIÓN XML <?xml?>
TIPO DOCUMENTO XML <!DOCTYPE>
Tipos de declaraciones de documentos
DOCUMENTO HTML <html>
Ejemplo <html>: Estructura de una página
Ejemplo <html>: Estilo de la ventana
Espacio de nombres <html xmlns = "x">
Ejemplo: Espacio de nombres en XML
Lenguaje del documento <html lang = "x" xml:lang = "x">
Direccionalidad del documento <html dir = "x">
CABECERA DE UN HTML <head>
Ejemplo <head>
Perfil de metadatos <head profile = "x">
TÍTULO DE LA PÁGINA <title>
Lenguaje del título de una página <title lang = "x">
Direccionalidad del título de una página <title dir = "x">
METADATOS: INFORMACIÓN SOBRE LA PÁGINA. <meta>
Metadatos <meta name = "x">
Ejemplo: Motores de búsqueda y robots
Encabezados HTTP <meta http-equiv = "x">
Valor de la propiedad <meta content = "x">
Lenguaje del título de una página <meta lang = "x">
Direccionalidad del título de una página <meta dir = "x">
Esquema de la propiedad <meta scheme = "x">
Ejemplo <meta scheme = "x">
CONFIGURAR VÍNCULOS <base>
URL <base href = "x">
Destino <base target = "x"> (XHTML transicional)
ESTILO INTERNO <style>
Ejemplo <style>
Propósito del estilo <style media = "x">
Especificar tipo MIME del estilo <style type = "x">
Título del estilo <style title = "x">
Preservar espacios <style xml:space = "x">
VINCULO EXTERNO <link>
Codificación de caracteres del recurso <link charset = "x">
Ejemplo <link charset = "x">
URL <link href = "x">
Lenguaje del recurso <link hreflang = "x">
Propósito de una hoja de estilo <link media = "x">
Ejemplo <link media = "x">
Especificar tipo MIME de contenido <link type = "x">
Vínculo directo <link rel = "x">
Ejemplo <link rel>: Uso del valor stylesheet
Ejemplo <link rel>: Precedencia de estilos con stylesheet
Ejemplo <link rel>: Hojas de estilo alternativas con stylesheet
Ejemplo <link rel>: Uso de alternate stylesheet
Ejemplo <link rel>: Uso de alternate
Ejemplo <link rel>: Uso de start, prev, next
Ejemplo <link rel>: Uso de icon
Vínculo inverso <link rev = "x">
Ejemplo <link rev>: Uso de start, prev, next
CUERPO DE UN HTML <body>
Ejemplo <body>
XHTML: FORMATOS
ELEMENTO EN BLOQUE <div>
TIPOS DE ELEMENTOS DE FLUJO (%Flow)
TIPOS DE ELEMENTOS DE BLOQUE (%Block)
Ejemplo <div>
Alinear una división <div align = "x">(XHTML transicional)
ELEMENTO EN LÍNEA <span>
TIPOS DE ELEMENTOS EN LÍNEA (%Inline)
Ejemplo <span>
ATRIBUTOS GENERALES <E atributo/evento = "x">
Asociar una clase a un elemento <E class = "x">
Ejemplo <E class>
Asignar un nombre único a un elemento <E id = "x">
Ejemplo <E id>
Especificar el lenguaje en el que está escrito un elemento <E lang = "x">
Direccionalidad del texto <E dir = "x">
Ejemplo <E dir>
Aplicar estilo local a un elemento <E style = "x">
Ejemplo <E style>
Etiquetar elementos con descripciones emergentes <E title = "x">
Ejemplo <E tittle>
Tecla de acceso rápido <E accesskey = "x">
Ejemplo <E accesskey>
Orden de tabulación <E tabindex = "x">
Ejemplo <E tabindex>
Alinear contenidos <E align = "x"> (XHTML Transicional)
Ejemplo <E align>
COMENTARIO <!-- -->
Ejemplo <!--comentario-->
RETORNO DE CARRO <br>
Ejemplo <br>
Finalizar ajuste de elementos <br clear = "x"> (XHTML transicional)
Ejemplo <br clear>
Ejemplo <br clear>
REGLA HORIZONTAL <hr>
Ejemplo <hr>
Alto de la regla <hr size = "x"> (XHTML transicional)
Ejemplo <hr size>
Ancho de la regla <hr width = "x"> (XHTML transicional)
Ejemplo <hr width>
Reglas sólidas <hr noshade = "x"> (XHTML transicional)
Ejemplo <hr noshade>
Alinear reglas <hr align = "x"> (XHTML transicional)
Ejemplo <hr align>
ENCABEZADO <hn> con n=1,2,3,4,5,6
Ejemplo <hn>
Ejemplo de un encabezado con n=5
Ejemplo <hn>:
Alinear texto de un encabezado <p align = "x"> (XHTML transicional)
PÁRRAFO <p>
Ejemplo <p>
Alinear texto de un párrafo <p align = "x"> (XHTML transicional)
ITÁLICA <i>
Ejemplo <i>
NEGRITA <b>
Ejemplo <b>
AGRANDAR TAMAÑO DEL TEXTO <big>
Ejemplo <big>
REDUCIR TAMAÑO DEL TEXTO <small>
Ejemplo <small>
ENFATIZAR TEXTO <em>
Ejemplo <em>
RESALTAR TEXTO <strong>
Ejemplo <strong>
SUBÍNDICES <sub>
Ejemplo <sub>
SUPERÍNDICES <sup>
Ejemplo <sup>
CENTRAR ELEMENTOS <center> (XHTML transicional)
Ejemplo <center>
ANULAR DIRECCIONALIDAD MIXTA DEL TEXTO <bdo>
Ejemplo <bdo>
AUTOR <address>
Ejemplo <address>
BLOQUE SANGRADO DE CITA <blockquote>
Ejemplo <blockquote>
Mostrar el URL de la cita <blockquote cite = "x">
Ejemplo <blockquote cite>
CITAR PASAJES BREVES DEL TEXTO <q>
Ejemplo <q>
Facilitar URL de la cita <q cite = "x">
Ejemplo <q cite>
MARCAR TEXTO COMO CITA <cite>
Ejemplo <cite>
EXPLICAR ABREVIATURAS <abbr>
Ejemplo <abbr>
EXPLICAR ACRÓNIMOS <acronym>
Ejemplo <acronym>
DEFINICIÓN <dfn>
Ejemplo <dfn>
MARCAR TEXTO BORRADO <del>
Ejemplo <del>
URL que informa sobre el borrado <del cite = "x">
Ejemplo <del cite>
Fecha-hora del borrado <del datetime = "x">
Ejemplo <del datetime>
MARCAR TEXTO DEL TECLADO <kbd>
Ejemplo <kbd>
MARCAR TEXTO INSERTADO <ins>
Ejemplo <ins>
URL que informa sobre la inserción <ins cite = "x">
Ejemplo <ins cite>
Fecha-hora de la inserción <ins datetime = "x">
Ejemplo <ins datetime>
TEXTO PREFORMATEADO COMO CÓDIGO <code>
Ejemplo <code>
TEXTO PREFORMATEADO EN BLOQUE <pre>
Ejemplo <pre>
Preservar espacios <pre xml:space = "x">
TEXTO DE EJEMPLO MONOESPACIADO <samp>
Ejemplo <samp>
TEXTO MONOESPACIADO <tt>
Ejemplo <tt>
VARIABLE <var>
Ejemplo <var>
XHTML: FORMULARIOS
FORMULARIO <form>
Enviando datos al servidor
Controles de formulario
Aplicaciones en el servidor para manejar los datos recibidos
Ejemplos de instalación, configuración y formularios con servidores Apache Tomcat para JSP y Apache para PHP.
Ejemplo: Instalar y configurar carpetas en Apache Tomcat 5.5
Ejemplo: Uso de formularios. Aplicaciones web del servidor. Servlets de Java.
Ejemplo: Uso de formularios. Aplicaciones web del servidor con JSP (Java Server Pages)
Ejemplo: Revisión de datos recibidos con JSP.
Ejemplo: Enviando objetos al servidor con JSP
Ejemplo: Instalación de Apache 2.2.15 para Windows
Ejemplo: Instalación de PHP 5.2.13 para Windows
Ejemplo: PHP (Hypertext Pre-processor), enviando formulario al servidor
Ejemplo: Revisión de datos recibidos con PHP, formularios reentrantes.
Aplicación procesadora del formulario <form action = "x">
Ejemplo <form action>: Usando el correo electrónico para procesar los datos
Método HTTP para envío de datos del formulario <form method = "x">
Ejemplo <form method>: Usando los métodos 'get' y 'post' con servlet de Java en Apache Tomcat
Ejemplo <form method>: Usando los métodos 'get' y 'post' con respuesta PHP en servidor Apache
Tipo de contenido del formulario <form enctype = "x">
Limitar tipos de contenido en envío de formularios <form accept = "x">
Codificaciones de caracteres en envío de formularios <form accept-charset = "x">
CONTROL DE FORMULARIO <input>
Controles específicos de formulario
Tipo de control de formulario <input type = "x">
Ejemplo <input type>: Tipos de controles de formulario, recepción de valores con JSP y PHP
Nombre de un control de formulario <input name = "x">
Valor de un control de formulario <input value = "x">
Ejemplo <input value>
Control de formulario seleccionado <input checked = "x">
Ejemplo <input checked>
Control de formulario deshabilitado <input disabled = "x">
Ejemplo <input disabled>
Control de formulario de sólo lectura <input readonly = "x">
Ejemplo <input readonly>
Tamaño del control de formulario <input size = "x">
Ejemplo <input size>
Máxima longitud de un control de formulario <input maxlength = "x">
Ejemplo <input maxlength>
Tipos de contenidos de un control de formulario aceptados por el servidor <input accept = "x">
Imagen para un control de formulario <input src = "x">
Ejemplo <input src>: controles con imagen
Texto alternativo para la imagen de un control de formulario <input alt = "x">
Mapa de imagen de un control de formulario <input usemap = "x">
Orden de tabulación de un control de formulario <input tabindex = "x">
Teclas de acceso rápido para un control de formulario <input accesskey = "x">
BOTÓN <button>
Ejemplo <button>
Nombre de un botón <button name = "x">
Valor de un botón <button value = "x">
Tipo de botón <button type = "x">
Botón deshabilitado <button disabled = "x">
Orden de tabulación de un botón <button tabindex = "x">
Tecla de acceso rápido a un botón <button accesskey = "x">
CONTROL DE TEXTO MULTILINEA (ÁREA DE TEXTO) <textarea>
Ejemplo <textarea>
Nombre de un control de texto multilínea <textarea name = "x">
Filas de un control de texto multilínea <textarea rows = "x">
Columnas de un control de texto multilínea <textarea cols = "x">
Control de texto multilínea deshabilitado <textarea disabled = "x">
Orden de tabulación de un control de texto multilínea <textarea tabindex = "x">
Tecla de acceso rápido a un control de texto multilínea <textarea accesskey = "x">
Control de texto multilínea de sólo lectura <textarea readonly = "x">
Ejemplo <textarea readonly>
MENÚ <select>
Ejemplo <select>
Nombre de un menú de formulario <select name = "x">
Número de filas de un menú de formulario <select size = "x">
Ejemplo <select size>
Selección múltiple en un menú de formulario <select multiple = "x">
Ejemplo <select multiple>
Menú de formulario deshabilitado <select disabled = "x">
Orden de tabulación de un menú de formulario <select tabindex = "x">
OPCIÓN DE MENÚ <option>
Ejemplo <option>
Opción de menú seleccionada <option selected = "x">
Ejemplo <option selected>
Opción de menú deshabilitada <option disabled = "x">
Rótulo de opción de menú jerárquico <option label = "x">
Ejemplo: Menús jerárquicos
Valor de una opción de menú <option value = "x">
GRUPO DE OPCIONES DE UN MENÚ <optgroup>
Rótulo de un grupo de opciones de menú <optgroup label = "x">
Ejemplo <optgroup label>
Deshabilitar grupo de opciones de menú <optgroup disabled = "x">
RÓTULO <label>
Ejemplo: Rotular o etiquetar controles de formulario
Asociar un rótulo a un control de formulario <label for = "x">
Tecla de acceso rápido a un rótulo de formulario <label accesskey = "x">
CONJUNTO DE CONTROLES <fieldset>
Ejemplo <fieldset>
RÓTULO DE UN CONJUNTO DE CONTROLES <legend>
Tecla de acceso rápido a un rótulo de un conjunto de controles <legend accesskey>
XHTML: IMÁGENES
IMAGEN <img>
Ejemplo <img>
Ejemplo: Resolución de imágenes y tamaño de archivo
URL de una imagen <img src = "x">
Ejemplo <img src>
Texto alternativo <img alt = "x">
Ejemplo <img alt>
Descripción alternativa larga <img longdesc ="x">
Ejemplo <img longdesc>
Ancho de una imagen <img width = "x">
Ejemplo <img width>
Alto de una imagen <img height = "x">
Ejemplo <img height>
Usar mapa de imagen del cliente <img usemap = "x">
Usar mapa de imagen del servidor <img ismap = "x">
Alinear imágenes y texto <img align = "x"> (XHTML transicional)
Ejemplo <img align>: alineación izquierda por defecto
Ejemplo <img align> para flotación de texto
Ejemplo <img align>, borrado de flotaciones
Ejemplo <img align> para flotaciones derecha-izquierda
Ejemplo <img align>, borrado de todas las flotaciones
Ejemplo <img align> para alineaciones verticales
Agregar borde a una imagen <img border = "x"> (XHTML transicional)
Ejemplo <img border>
Separación horizontal de una imagen <img hspace = "x"> (XHTML transicional)
Ejemplo <img hspace>
Separación vertical de una imagen <img vspace = "x"> (XHTML transicional)
Ejemplo <img vspace>
ÁREA DE IMAGEN <area>
Dar forma a un área <area shape = "x">
Coordenadas de un área <area coords = "x">
Ejemplo <area coords>
URL de un vínculo <area href = "URL">
Deshabilitar clic de un área <area nohref = "x">
Ejemplo <area nohref>
Etiquetar un área <area alt = "x">
Tecla de acceso rápido a un área <area accesskey = "x">
Orden de tabulación <area tabindex = "x">
Destino del vínculo de un área <area target = "x"> (XHTML transicional)
MAPA DE IMAGEN <map>
Mapas de imagen en el lado del cliente
Mapas de imagen en el lado del servidor
Ejemplo: Mapa de imagen al lado del cliente asociado con una imagen en <img> y usando <area> para definir las zonas.
Ejemplo: Mapa de imagen al lado del cliente asociado con una imagen en <img> y usando <a> visibles para definir las zonas.
Ejemplo: Mapa de imagen al lado del cliente asociado con una imagen en <object> y usando <a> visibles para definir las zonas.
Ejemplo: Mapa de imagen al lado del cliente asociado con una imagen en <object> y usando <a> ocultas para definir las zonas.
Nombre del mapa <map name = "x">
XHTML: OBJETOS
OBJETO <object>
Relación de ejemplos básicos para insertar objetos
Ejemplo: Mostrando archivos con <a> e insertando archivos en un documento con <object>
Ejemplo: Insertando archivos complejos con <object>
Ejemplo:Insertando archivos con <object> cuando no existe un plug-in adecuado. Uso de objetos anidados.
Ejemplo: Insertando archivos de audio/video con <object>
Ejemplo: Insertando páginas dentro de páginas. Otra forma de presentar marcos de página.
Datos del objeto <object data = "x">
Uso de classid y data para presentar un objeto
Ejemplo: Representando objetos con datos internos de texto (o datos en línea).
Ejemplo: Imágenes con datos internos.
Aplicación del objeto <object classid = "x">
Ejemplo: Esquema global de nombres. Insertando Applets de Java y controles ActiveX de Microsoft.
Tipo MIME de datos del objeto <object type = "x">
Tipo MIME de la aplicación del objeto <object codetype = "x">
Ruta de acceso base <object codebase = "x"
Lista de archivos <object archive = "x">
Mensaje de espera <object standby = "x">
Declaración de objeto <object declare = "x">
Ejemplo: Declaraciones e instancias de objetos
Alto del objeto <object height = "x">
Ancho del objeto <object width = "x">
Usar mapa de imagen <object usemap = "x">
Enviar como parte de un formulario <object name = "x">
Orden de tabulación <object tabindex = "x">
PARÁMETROS DE OBJETO <param>
Ejemplo <param>
Nombre del parámetro <param name = "x">
Valor del parámetro <param value = "x">
Tipo de valor del parámetro <param valuetype ="x">
Tipo de contenido en datos del parámetro <param type = "x">
XHTML: SCRIPTS
SCRIPT <script>
Ejemplo: ¿Qué lenguaje de script utilizar?
Ejemplo: ¿Dónde incluir los scripts y como invocarlos?
Ejemplo: Limitaciones de los navegadores para la ejecución de scripts.
Ejemplo: Limitaciones de XHTML 1.0 para los caracteres <, & en los scripts internos
Ejemplo: El objeto window de JavaScript
Tipo de código script <script type = "x">
Ejemplo <script type>: Tipo de código local (en atributos de eventos)
Código externo de script <script src = "x">
Codificación de caracteres del archivo externo <script charset = "x">
Ejemplo <script charset>
No genera contenido <script defer = "x">
Ejemplo <defer> para diferir la ejecución de scripts hasta que se cargue el DOM de la página
Preservar espacios <script xml:space = "x">
CONTENIDO NO SCRIPT <noscript>
Ejemplo <noscript>
EVENTOS <E evento>
Evento cuando se pulsa el ratón sobre un elemento. <E onclick = "x">
Ejemplo: Evento onclick
Evento cuando se pulsa dos veces el ratón sobre un elemento. <E ondblclick = "x">
Ejemplo: Evento ondblclick
Evento cuando baja el ratón <E onmousedown = "x">
Ejemplo: Evento onmousedown
Evento cuando sube el ratón <E onmouseup = "x">
Ejemplo: Evento onmouseup
Evento cuando se sitúa el ratón <E onmouseover = "x">
Ejemplo: Evento onmouseover
Evento cuando se mueve el ratón <E onmousemove = "x">
Ejemplo con el evento onmousemove: uso de las palabras claves this y event.
Evento cuando el ratón sale de un elemento <E onmouseout = "x">
Ejemplo: Evento onmouseout
Evento cuando se pulsa una tecla <E onkeypress = "x">
Ejemplo: Evento onkeypress para validar números en un cuadro de texto
Ejemplo: Evento onkeypress para limitar el tamaño máximo de un cuadro de texto de múltiples líneas.
Evento cuando una tecla baja <E onkeydown = "x">
Evento cuando una tecla sube <E onkeyup = "x">
Ejemplo: Evento onkeyup. Controlando entradas de texto en un control de formulario
Evento cuando se obtiene el foco <E onfocus = "x">
Ejemplo: Evento onfocus. Pasando el foco a controles de formulario
Evento cuando se pierde el foco <E onblur = "x">
Ejemplo: Evento onblur. Botones con script
Evento cuando la página completa su carga <E onload = "x">
Ejemplo: Evento onload para un menú lateral con scripts
Ejemplo: Botones con scripts. Usando evento onload con manejadores de eventos semánticos y funciones anónimas.
Manejadores de eventos semánticos
Funciones anónimas
Aplicando lo anterior a nuestro ejemplos de botones con scripts
Ejemplo: Uso del evento onload. Aplicaciones con JavaScript: Calculadora
Evento cuando la página se descarga <E onunload = "x">
Evento cuando se remite un formulario <E onsubmit = "x">
Ejemplo: Uso del evento onsubmit. Formas de acceder a un elemento formulario con JavaScript. Validación para el envío de formularios.
Evento cuando se reinicia un formulario <E onreset = "x">
Evento cuando se selecciona texto en un control <E onselect = "x">
Evento cuando se cambia el valor de un control <E onchange = "x">
XHTML: TABLAS
TABLA <table>
Tipos específicos para tablas que se usan en varios elementos
Estilo CSS y tablas XHTML
Ejemplo <table>
Ancho de una tabla <table width = "x">
Presentación visual de la estructura de la tabla
Presentación de una tabla: Reformateo dinámico
Bordes de una tabla <table border = "x">
Ejemplo <table border>: Colores y forma de bordes de la tabla (con atributos)
Ejemplo <table border>: Procedimiento para especificar bordes con estilos. Modelos de bordes abiertos y cerrados.
Espacio entre celdas de una tabla <table cellspacing = "x">
Ejemplo <table cellspacing>
Relleno de celdas de una tabla <table cellpadding = "x">
Ejemplo <table cellpadding>
Bordes externos de una tabla <table frame = "x">
Ejemplo <table frame>
Ejemplo <table frame>: Efecto de frame y border-collapse
Bordes internos de una tabla <table rules = "x">
Ejemplo <table rules>
Ejemplo <table rules>: Efecto de rules y los modelos de bordes abiertos y cerrados
Resumen de una tabla <table summary = "x">
Alinear tabla <table align = "x"> (XHTML transicional)
Ejemplo <table align>
Color de fondo de una tabla <table bgcolor = "x"> (XHTML Transicional)
Ejemplo <table gbcolor>
TÍTULO DE UNA TABLA <caption>
Ejemplo <caption>: título de tabla
Alinear texto del título <caption align = "x"> (XHTML Transicional)
Ejemplo <caption align>
COLUMNA DE UNA TABLA <col>
Abarcar columnas <col span = "x">
Ejemplo <col span>: Aplicando estilos a las columnas
Ejemplo <col span>, controlar número de columnas abarcadas
Ancho de columna <col width = "x">
Presentación incremental de una tabla
Ejemplo <col width>: Presentación incremental con anchos fijos
Ejemplo <col width>: Presentación incremental con anchos porcentuales
Ejemplo <col width>: Presentación incremental con anchos proporcionales
Alinear con respecto a un carácter el contenido de una columna <col char = "x">
Ejemplo <col char>
Separación del eje de carácter <col charoff = "x">
Alinear horizontalmente el contenido de una columna <col align = "x">
Ejemplo <col align>
Ejemplo <col align>: Alinear horizontalmente el contenido de una columna con CSS
Alinear verticalmente el contenido de una columna <col valign = "x">
Ejemplo <col valign>
Ejemplo <col valign>: Alineación vertical con CSS del contenido de una columna
GRUPO DE COLUMNAS DE UNA TABLA <colgroup>
Ejemplo <colgroup>
Ejemplo <colgroup>
Abarcar columnas de un grupo de columnas <colgroup span = "x">
Ejemplo <colgroup span>
Ancho de las columnas de un grupo de columnas <colgroup width = "x">
Alinear el contenido de las columnas de un grupo con respecto a un carácter <colgroup char = "x">
Separación del eje de carácter <col charoff = "x">
Alinear horizontalmente el contenido de las columnas de un grupo de columnas <colgroup align = "x">
Alinear verticalmente el contenido de las columnas de un grupo de columnas <colgroup valign = "x">
SECCIONES DE UNA TABLA: CABECERA, PIE Y CUERPO <thead>, <tfoot>, <tbody>
Ejemplo <thead>, <tfoot>, <tbody>
Alinear contenido de una sección con respecto a un carácter <thead char="x">, <tfoot char="x">, <tbody char="x">
Separación del eje de carácter <thead charoff="x">, <tfoot charoff="x">, <tbody charoff="x">
Alinear horizontalmente el contenido de una sección <thead align="x">, <tfoot align="x">, <tbody align="x">
Alinear verticalmente el contenido de una sección <thead valign="x">, <tfoot valign="x">, <tbody valign="x">
FILA DE UNA TABLA <tr>
Ejemplo <tr>: Estilo CSS y filas de tablas
Alinear contenido de una fila con respecto a un carácter <tr char = "x">
Separación del eje de carácter <tr charoff = "x">
Alinear horizontalmente el contenido de una fila <td align = "x">
Ejemplo <tr align>
Alinear verticalmente el contenido de una fila <td valign = "x">
Ejemplo <tr valign>
CELDAS CABECERA Y DE DATOS DE UNA TABLA <th>, <td>
Abarcar varias filas <th rowspan="x">, <td rowspan="x">
Ejemplo <th rowspan>, <td rowspan>
Abarcar varias columnas <th colspan="x">, <td colspan="x">
Ejemplo <th colspan>, <td colspan>
Ejemplo <th colspan>, <td colspan>
Alinear contenido de una celda con respecto a un carácter <th char="x">, <td char="x">
Separación del eje de carácter <th charoff="x">, <td charoff="x">
Alinear horizontalmente el contenido de una celda <th align="x">, <td align="x">
Ejemplo <th align>, <td align>
Alinear verticalmente el contenido de una celda <th valign="x">, <td valign="x">
CSS: DESCRIPCIONES
CSS CSS
Ejemplo: Estilo CSS para documentos XML
Ejemplo: Estilo CSS para documentos XHTML
Separación entre estilo y estructura de un documento XHTML
REGLA DE ESTILO selector {propiedad: valor;}
REGLAS @ @regla
Ejemplo reglas @
Regla para codificación caracteres @charset
Ejemplo regla @charset
Regla para importar estilo @import
Ejemplo regla @import
Regla para especificar medios de presentación @media
Ejemplo regla @media: Estilo externo
Ejemplo regla @media: Estilo externo y especificando medio en la vinculación
Ejemplo regla @media: Estilo interno:
Ejemplo regla @media: Estilo interno y especificando el medio en el atributo 'media' del elemento 'style'
Regla para especificar cajas de página @page
Medios paginados
COMENTARIOS /*comentario*/
UBICACIÓN DE LA DECLARACIÓN DE ESTILO <link><style><E style>
HERENCIA DE ESTILO inherit
Ejemplo herencia de estilo: La propiedad color se hereda de padres a hijos
Ejemplo herencia de estilo: anulación de la herencia
VALORES selector {propiedad:valor;}
Valores heredados inherit
Valores de medidas px,em,...
Ejemplo: Medidas absolutas
Ejemplo: Medidas relativas
Valores de números n, n.m
Valores de URL http://...
Ejemplo valores URL
Valores de colores red, blue,...
Ejemplo de valores de color
Ejemplo de valores de color: formas distintas de presentar un valor de color
Ejemplo: Preferencias de color
Cadenas de carácteres abc123...
Ejemplo de valores de cadena: cómo escapar caracteres, comillas y poner saltos de línea.
Contadores 1,2,3,...
Ejemplo de valores de contador: enumerando párrafos
Ejemplo de valores de contador: lista numerada
Identificadores selector, class, id,...
SELECTORES selector {propiedad:valor;}
Selección por tipo de elemento E{}
Ejemplo selectores por tipo
Selección universal *{}
Ejemplo selector universal
Selección por clase de elemento E.clase{}
Ejemplo selector por clase
Selección por identificador E#identificador{}
Ejemplo selector por id
Selección por contexto E F{}, E>F{}, E+F{}
Ejemplo selector por contexto
Pseudo-elementos E:first-line{}, E:first-letter{}, E:before{}, E:after{}
Selector Primera línea E:first-line{}
Selector primera letra E:first-letter{}
Selector contenido generado E:before{}, E:after{}
Pseudo-clases E:first-child{}, E:link{}, E:visited{}, E:hover{}, E:active{}, E:focus{}, E:lang{}
Selector pseudo-clase de contexto primer hijo E:first-child{}
Selector pseudo-clase de vínculo E:link{}, E:visited{}
Selector pseudo-clases dinámicas E:hover{}, E:active{}, E:focus{}
Selector pseudo-clase de lenguaje E:lang(){}
Selección según atributos E[atributo="valor"]{}
Ejemplo selector por atributo
DIMENSIONADO DE ELEMENTOS (Modelo de cajas) .
Ejemplo gráfico sobre dimensionado de elementos
Ejemplo dimensionado: ajuste de dimensiones
Codificación de caracteres CSS (charset) charset
Ejemplo de codificación de caracteres (charset)
Definiciones generales .
Elemento a nivel de bloque block
Elemento a nivel de línea inline
Caja anónima .
Elemento posicionado {position}
Contenido generado {content},{display:list-item}
Elemento reemplazado <img><object>...
CSS: DIMENSIONES
ALTO DE ELEMENTO {height : x}
Ejemplo {height}
ALTURA DE LÍNEA {line-height : x}
Ejemplo {line-height}
ANCHO DE ELEMENTO {width : x}
Ejemplo {width}
Ejemplo {width}: Ancho de una tabla
BORDES {border-s : x}
Bordes generales {border : x}
Ejemplo {border}
Ejemplo {border} en tablas
Bordes resumidos {border-s-t : x}
Ejemplo {border-top} y {border-bottom}
Color del borde {border-color : x}
Ejemplo {border-color}
Espacio entre bordes de una tabla (sólo tablas) {border-spacing : x}
Ejemplo {border-spacing}: Configurando bordes de tabla con estilos
Estilo del borde {border-style : x}
Ejemplo {border-style}
Ejemplo {border-style}: Falso botón
Ejemplo {border-style}: Botones falsos con vínculos
Grosor del borde {border-width : x}
Ejemplo {border-width}
Separación entre bordes de una tabla (sólo tablas) {border-collapse : x}
Ejemplo {border-collapse}
Ejemplo {border-collapse} especificando bordes
Ejemplo {border-collapse}: Valor separate
Ejemplo {border-collapse}: Valor separate y atributo de borde especificado en la tabla
Ejemplo {border-collapse}: igualando separaciones
CONTORNOS DINÁMICOS {outline-s : x}
Contorno general {outline : x}
Ejemplo {outline}
Grosor del contorno {outline-width : x}
Ejemplo {outline-width}
Estilo de contorno {outline-style : x}
Ejemplo {outline-style}
Color de contorno {outline-color : x}
Ejemplo {outline-color}
Ejemplo {outline-color}: botón con contorno
MÁRGENES {margin-s : x}
Márgenes generales {margin : x}
Ejemplo {margin}
Ejemplo {margin}: Centrar elementos con CSS
Margen superior {margin-top : x}
Ejemplo {margin-top}
Margen derecho {margin-right : x}
Ejemplo {margin-right}
Margen inferior {margin-bottom : x}
Ejemplo {margin-bottom}
Margen izquierdo {margin-left : x}
Ejemplo {margin-left}
Ejemplo {margin-left}: Alinear con la propiedad de márgenes
MÁXIMAS MEDIDAS {max-s : x}
Máxima altura de un elemento {max-height : x}
Ejemplo {max-height}
Máxima anchura de un elemento {max-width : x}
Ejemplo {max-width}
MÍNIMAS MEDIDAS {min-s : x}
Mínima altura de un elemento {min-height : x}
Ejemplo {min-height}
Mínima anchura de un elemento {min-width : x}
Ejemplo {min-width}
RELLENO {padding-s : x}
Relleno general {padding : x}
Ejemplo {padding}
Ejemplo {padding} aplicado a celdas de tabla
Relleno superior {padding-top : x}
Ejemplo {padding-top}
Relleno derecho {padding-right : x}
Ejemplo {padding-right}
Relleno inferior {padding-bottom : x}
Ejemplo {padding-bottom}
Relleno izquierdo {padding-left : x}
Ejemplo {padding-left}
CSS: FORMATOS
COLOR DE PRIMER PLANO {color : x}
Ejemplo {color}
COMILLAS {quotes : x}
Ejemplo {quotes}: citas con comillas
Ejemplo {quotes}: salto de línea
Ejemplo {quotes}: Tipos de comillas
CONTADORES {counter-s : x}
Puesta a cero de contador {counter-reset : x}
Ejemplo {counte-reset}
Incremento de contador {counter-increment : x}
Ejemplo {counter-increment}
CONTENIDO GENERADO {content : x}
Ejemplo {content}
CURSOR {cursor : x}
Ejemplo {cursor}: tipos de cursores
Ejemplo {cursor}: rutas para cursores
DIRECCIONALIDAD DEL TEXTO {direction : x}
Ejemplo {direction}
DIRECCIONALIDAD MIXTA DEL TEXTO {unicode-bidi}
Ejemplo {unicode-bidi}
ESPACIADO ENTRE LETRAS {letter-spacing : x}
Ejemplo {letter-spacing}
ESPACIADO ENTRE PALABRAS {word-spacing : x}
Ejemplo {word-spacing}
ESPACIOS {white-space : x}
Ejemplo {white-space}, valores normal, pre, nowrap
Ejemplo {white-space}, valores pre-wrap y pre-line
ESTILO DE LISTA {list-style-s : x}
Estilo general de lista {list-style : x}
Ejemplo {list-style}
Tipo de viñeta {list-style-type : x}
Ejemplo {list-style-type}
Ejemplo {list-style-type}: Lista anidada
Ejemplo {list-style-type}: Menú desplegable con listas
Imagen de viñeta {list-style-image : x}
Ejemplo {list-style-image}
Posición de la viñeta {list-style-position : x}
Ejemplo {list-style-position}
FONDO {background-s : x}
Fondo general {background : x}
Ejemplo {background}
Desplazamiento del fondo {background-attachment : x}
Ejemplo {background-attachment}
Color del fondo {background-color : x}
Ejemplo {background-color}
Imagen del fondo {background-image : x}
Ejemplo {background-image}
Mosaico {background-repeat : x}
Ejemplo {background-repeat}
Ejemplo {background-repeat}: Fondo mosáico
Posición del fondo {background-position : x}
Ejemplo {background-position}
FUENTES {font-s : x}
Fuente general {font : x}
Ejemplo {font}
Ejemplo {font}: fuentes por defecto
Ejemplo {font}: fuentes del sistema
Familia de fuente {font-family : x}
Ejemplo {font-family}
Ejemplo {font-family}: fuente predeterminada
Ejemplo {font-family}: fuentes alternativas
Ejemplo {font-family}: familias genéricas
Tamaño de fuente {font-size : x}
Ejemplo {font-size}
Ejemplo {font-size}: tamaños relativos
Ejemplo {font-size}: tamaños relativos en porcentajes
Ejemplo {font-size}: tamaños relativos con palabras clave
Ejemplo {font-size}: tamaños absolutos con palabras clave
Fuente itálica {font-style : x}
Ejemplo {font-style}
Ejemplo {font-style}: cursivas y oblicuas
Fuente negrita {font-weight : x}
Ejemplo {font-weight}
Fuente versales {font-variant : x}
Ejemplo {font-variant}
TEXTO {text-s : x}
Alinear texto {text-align : x}
Ejemplo {text-align}
Decorar texto {text-decoration : x}
Ejemplo {text-decoration}
Sangrar texto {text-indent : x}
Ejemplo {text-indent}
Formatear texto {text-transform : x}
Ejemplo {text-transform}