Html Aula0 wo8

, 6882k

,.., 231957

............................................................................................................6 Párrafos y saltos de linea 2q3v72

,
......................................................................................................7 Formatos básicos, , , <pre> y lineas

.................................................................................9 Caracteres especiales é, ©,.............................................................................................12 Atributos de ............................................................................................................................13 Fuentes .................................................................................................................................15 Líneas horizontales
.....................................................................................................................17 Etiquetas no estándar...........................................................................................................................18 3.Imágenes...............................................................................................................................................20 Insertar imágenes en un documento..........................................................................................20 Imagen como fondo de página............................................................................................................21 4.Enlaces..................................................................................................................................................23 Enlaces o hipervínculos a otras páginas........................................................................................23 Atributos de body para hipervinculos..................................................................................................24 Enlaces internos en una página............................................................................................................25 5.Listas.....................................................................................................................................................28 Listas no numeradas o desordenadas
,
.................................................................................28 Listar ordenadas...................................................................................................................................29 Listas anidadas....................................................................................................................................31 6.Tablas....................................................................................................................................................33 Tablas simples ....................................................................49 Listas desplegables <SELECT>, Ir a restaurante Coctail de Bienvenida Platos de Ibericos Ensalada de mariscos Bogavante a la plancha Hongos en hojaldre Cazuelita de kokotxas Rodaballo asado con papas Sorbete de limon al cava Corazon de solomillo al Oporto Natillas

Y este sería el resultado

Marcos - Marcos internos: <IFRAME>

67

Instituto Cuatrovientos - Desarrollo de aplicaciones Web : Lenguaje HTML

Marcos - Marcos internos: <IFRAME>

68


9.Etiquetas META Las META son etiquetas que se incluyen en el documento y están dedicadas a describir distintos aspectos generales del documento, como el juego de caracteres que necesita la página como la descripción del mismo, el autor, el programa que se ha utilizado para editarlo, etc... Son etiquetas que se meten en la cabecera () no se ven en el navegador aunque si se pueden hacer notar.

Ejemplos básicos, <META> Entre las etiquetas más útiles de cara a colgar la página en internet se podrían citar keywords (palabras clave que identifican el docuemto) y description (una breve descripción del mismo). A la hora de colgar una página en internet las arañas, bots o rastreadores pasarán por nuestra página y mirarán en estas etiquetas para sacar información; cuando alguien busque información sobre algo que hayamos puesto en estas etiquetas será más fácil que encuentre nuestra página.

Veamos unos ejemplos de etiquetas: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META name="keywords" content="cuatrovientos, instituto, enseñanza"> <META name="description" lang="es" content="Esta es la pagina del instituo cuatrovientos bla la..."> <META http-equiv="Expires" content="Mon, 11 Aug 2005 16:12:03 GMT"> <META name="Author" lang="es" content="Pello Xabier Altadill"> <META NAME="generator" CONTENT="Microsoft Emacs editor"> <META name="copyright" content="© Pello Xabier Altadill."> <META name="date" content="2004-12-09T09:14:23+00:00">

Etiquetas META - Ejemplos básicos, <META>

69

Instituto Cuatrovientos - Desarrollo de aplicaciones Web : Lenguaje HTML Desarrollo de aplicaciones Web 6q1f2s : 2º DAI :: Etiquetas META
El instituto Cuatrovientos g4l5e
Cuatrovientos es una cooperativa de profesionales, lo que facilita las claves para que seamos capaces de promover un modelo educativo atravesado por proyectos interdisciplinares que ponen en o la vida con la escuela y la empresa y enriquecido por la voluntad permanente de superación.
Servicios a la mano 3cv58

Artean
Departamento de actividades externas del Instituto. Un mundo de relaciones con las empresas: prácticas en empresas (FCT), búsqueda o mejora de empleo, cursos de formación, información y orientacion laboral.
Salas Informáticas
El Instituto Cuatrovientos cuenta con 12 salas de ordenadores conectadas en red, con equipos informáticos y tecnología de última generación.
El ordenador es una herramienta habitual de trabajo, en cualquier etapa educativa.

Redirección automática: refresh Un efecto muy elegante para crear un splash-screen o página de presentación es hacer un refresh de una página. Mediante una etiqueta META podemos provocar que una página cargue otro pasados unos segundos. Puede ser otra página distinta o la misma (un truco habitual en retransmisiones de partidos de fútbol a través de páginas web). En muchos casos también se usa para que simplemente se actualice la página cada x-tiempo. Veamos como se hace:

Etiquetas META - Redirección automática: refresh 70

Instituto Cuatrovientos - Desarrollo de aplicaciones Web : Lenguaje HTML <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta HTTP-EQUIV="refresh" CONTENT="3; URL=dire_html05.html"> Desarrollo de aplicaciones Web 6q1f2s : 2º DAI :: Etiquetas META: refresh
Saltando a cuatrovientos... a6u10
(Si no ve la pagina pulse aqui)

Etiquetas META - Redirección automática: refresh 71


10.XHTML Más allá del estándar HTML y basándose en los principios de XML ha surgido un nuevo tipo de documento: XHTML. Aparentemente el código no cambia mucho respecto a la sintaxis de HTML, aunque para que un documento sea válido debe cumplir los requisitos mínimos de XML: ●

Debe tener un título

●

Todas las etiquetas deben cerrarse: debe cerrarse con

●

Los atributos deben tener algún valor entre comillas: por ejemplo esto no es válido <select name=”nombre” multiple>

●

La anidación de etiquetas debe ser coherente.

Conviene ir conociendo este estándar ya que es probable que la tendencia sea converger hacia los contenidos XML. Con este estándar el consorcio web trata de que se separe la estructura del documento del contenido, y facilitar por ejemplo que un mismo documento se pueda adaptar a distintos dispositivos: ordenadores, móviles, etc.. Veamos un simple ejemplo. Obsérvese el cambio en la definición de tipo de documento (DTD), la declaración como documento XML, y el hecho de que incluso las etiquetas que no tienen etiqueta de cierre (como
), se cierran añadiendo la “/”. <meta name="author" content="Pello Xabier Altadill" /> <meta name="keywords" content="Ejemplo pagina xhtml" /> <meta http-equiv="content-language" content="es-es" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> Ejemplo de pagina XHTML 703w42

Super ejemplo de pagina XHTML 5l1a3m
Aqui se cierran todas las etiquetas.

Bueno, no parece complicado.

Las etiquetas individuales que debieran cerrarse serían: ●

●

●

●

<meta ... />

XHTML - XHTML

72


11.Referencia HTML Una referencia de las etiquetas HTML extraído de la especificación de la w3c, a la que se han añadido los atributos y eventos disponibles.

Nombr

A

Des uso

Atributos accesskey, charset, class, coords, dir, href, hreflang, id, lang, name, onBlur, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rel, rev, shape, style, tabindex, target, title, type

Descripción

Anchor o enlace

abbreviated form (e.g., WWW, HTTP, etc.)

ABBR ACRONYM

Acrónimo

ADDRESS

Dirección del autor Des uso

APPLET

Applet de java

AREA

accesskey, alt, class, coords, dir, href, id, lang, nohref, notab, onBlur, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, shape, style, tabindex, taborder , target , title, type

Área de un mapa de imagen

B

class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

Texto en negrita

BASE

href, target

BASEFONT

E

URI base del documento D

Tamaño base de la fuente

BDO

I18N BiDi over-ride

BIG

Texto de tamaño grande

BLOCKQUOTE

cite, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

BODY BR

long quotation

El cuerpo del documento class, clear, id, style, title

Referencia HTML - Referencia HTML

Salto de linea forzado

73


BUTTON

accesskey, class, dir, disabled, id, lang, name, onBlur, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, tabindex, title, type, value

botón

CAPTION

align, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, valign

Título de tabla

CENTER

onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

D

Abreviatura de

CITE

cita

CODE

Código de programa

COL

align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, span, style, title, valign, width

Columna de tabla

COLGROUP

align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, span, style, title, valign, width

Grupo de columnas de tabla

DD


descripción de definición

DEL

Texto eliminado

DFN

Listado de directorio

DIR


DIV

align, class, dir, id, lang, nowrap, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

Contenedor de lenguaje o estilo generico

DL

class, compact, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, type

Lista de definiciones


74

D


DT


Termino de una lista de definiciones

EM

Énfasis

FIELDSET


FONT

class, color, dir, face, id, lang, size, style, title

FORM

accept, action, charset, class, dir, enctype, id, lang, method, name, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onReset, onSubmit, style, target, title

FRAME

bordercolor, class, frameborder, id, longdesc, marginheight, marginwidth, name, noresize, scrolling, src, style, title

Marco o subventana

FRAMESET

border, bordercolor, class, cols, frameborder , framespacing, id, onLoad, onUnload, style, title

División de ventana

H1 H2 H3 H4 H5

D

Formato de fuente

Formulario interactivo

Cabecera (la más grande) align, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

H6

Cabecera Cabecera Cabecera Cabecera Cabecera (la más pequeña)

HEAD

HR

Grupo de controles de un formulario

Cabecera del documento align, class, color , dir, id, lang, noshade, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, size, style, title, width

Linea horizontal

Elemento raiz del documento HTML

HTML

I


Estilo de texto en cursiva

IFRAME

align, class, frameborder, height, id, longdesc, marginheight, marginwidth, name, scrolling, src, style, title, width

Marco o frame interno


75


IMG

align,alt, border, class, controls , dir, dynsrc , height, hspace, id, ismap, lang, longdesc, loop , lowsrc , name , onAbort, onClick, onDblClick, onError, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, src, start , style, title, usemap, vspace, width

Imágenes insertadas

accept, accesskey, align, alt, border , checked, class, dir, disabled, id, lang, INPUT

maxlength, name, notab , onBlur, onChange, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onSelect, size, src, tabindex, taborder , title, type, usemap, value

Campo o control de formulario

INS ISINDEX

Texto insertado E

D

Prompt de una única línea Texto que debe ser insertado por el

KBD

LABEL

accesskey, class, dir, for, id, lang, onBlur, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

LEGEND

accesskey, align, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

LI

class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, type, value

LINK

charset, class, dir, href, hreflang, id, lang, media, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rel, rev, style, target, title, type

MAP

class, dir, id, lang, name, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

MENU



76

Etiqueta de un campo de formulario

Título o leyenda de un grupo de campos

Elemento de lista

Enlace independiente del medio

Mapa de imágenes del lado cliente

D

Lista de menu

Instituto Cuatrovientos - Desarrollo de aplicaciones Web : Lenguaje HTML META

charset , content, dir, http_equiv, lang, name, scheme

Metainformacion de la página

NOFRAMES


Contenido alternativo para navegadores que no soporten los frames o marcos Contenido alternativo para navegadores que no soporten scripts.

NOSCRIPT

OBJECT

align, archive, border, class, classid, codebase, codetype, data, declare, dir, height, hspace, id, lang, name, notab, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, shapes, standby, style, tabindex, title, type, usemap, vspace, width

OL

class, compact, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, start, style, title, type

Objeto embebido generico (flash, activeX, etc..)

Lista ordenada

OPTGROUP

Grupo de opciones

OPTION

class, dir, disabled, id, label, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, selected, style, title, value

P

align, class, dir, id, lang, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title

Opción seleccionable de una lista

Parrafo

PARAM

PRE

named property value class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, width

Texto preformateado

Q

short inline quotation

S

D

Salida/output de un programa, scripts, etc..

SAMP SCRIPT


Texto subrayado

Scripts

77


SELECT

class, dir, disabled, id, lang, multiple, name, onBlur, onChange, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, size, style, tabindex, title

Lista o select de formularios

SMALL

Estilo de texto pequeño Contenedor de lenguaje o estilos generico

SPAN STRIKE

D

STRONG STYLE

Texto rayado Énfasis más fuerte

dir, lang, media, title, type

Información de estilo

SUB

Subtexto

SUP

superscript

TABLE

align, background, bgcolor, border, bordercolor, bordercolordark , bordercolorlight , cellpadding, cellspacing, class, cols, dir, frame, height, hspace , id, lang, nowrap , onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rules, style, summary, title, valign , vspace , width

TBODY

align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, valign

TD

abbr, align, background, bgcolor, bordercolor, bordercolordark, bordercolorlight, char, charoff, class, colspan, dir, headers, height, id, lang, nowrap, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rowspan, scope, style, title, valign, width

TEXTAREA

accesskey, class, cols, dir, disabled, id, lang, name, onBlur, onChange, onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onSelect, readonly, rows, style, tabindex, title, wrap

TFOOT

align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title,valign


78

Tabla

Cuerpo de tabla

Celda de una tabla

Campo de texto multinea

Pie de tabla

Instituto Cuatrovientos - Desarrollo de aplicaciones Web : Lenguaje HTML TH

THEAD

ver TD

Celda de cabecera de tabla

align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, valign

Cabecera de tabla

TITLE

TR

Título de documento align, background, bgcolor, bordercolor, bordercolordark, bordercolorlight , char, charoff, class, dir, id, lang, nowrap, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, valign

Fila de una tabla

Estilo de texto de teletipo o monoespaciado

TT U

UL

D class, compact, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, type

Lista desordenada

Instacia de una variable de argumento de program

VAR


Estilo de texto subrayado

79


12.Referencia CSS2 Esta sería la referencia de propiedades de las hojas de estilos. Extraída de la especificación de CSS2 de la w3c.

Nombre

Valores

Valor inicial

Aplicado a (Por defecto: todos)

Her Porcentajes eda (Defecto: N/D) do?

Grupo de medios

'azimuth'

| [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit

'background'

['background-color' || 'background-image' || 'background-repeat' || XX 'background-attachment' || 'background-position'] | inherit

no

'backgroundattachment'

scroll | fixed | inherit

scroll

no

visual

'backgroundcolor'

| transparent | inherit

transparent

no

visual

'backgroundimage'

| none | inherit

none

no

visual

'backgroundposition'

[ [ | ] {1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit

0% 0%

block-level and replaced no elements

refer to the size visual of the box itself

'backgroundrepeat'

repeat | repeat-x | repeat-y | norepeat repeat | inherit

no

visual

'border'

see [ 'border-width' || 'border-style' individual || ] | inherit properties

no

visual

'border-collapse' collapse | separate | inherit

'border-color'

{1,4} | transparent | inherit

Referencia CSS2 - Referencia CSS2

center

collapse see individual properties

80

yes

'table' and 'inline-table' yes elements no

aural

allowed on 'backgroundposition'

visual

visual

visual


Nombre

Valor inicial

Valores



'table' and 'inline-table' yes elements

Grupo de medios

'border-spacing' ? | inherit

0

'border-style'

{1,4} | inherit

see individual properties

no

visual

'border-top' 'border-right' 'border-bottom' 'border-left'

[ 'border-top-width' || 'borderstyle' || ] | inherit


no

visual

'border-topcolor' 'borderright-color' 'border-bottomcolor' 'borderleft-color'

| inherit

the value of the 'color' property

no

visual

'border-topstyle' 'borderright-style' 'border-bottomstyle' 'borderleft-style'

| inherit

none

no

visual

'border-topwidth' 'borderright-width' 'border-bottomwidth' 'borderleft-width'

| inherit

medium

no

visual

'border-width'

{1,4} | inherit


no

visual

'bottom'

| | auto auto | inherit

positioned elements

no

'caption-side'

top | bottom | left | right | inherit

'tablecaption' elements

yes

visual

'clear'

none | left | right | both | inherit none

block-level elements

no

visual


top

81

visual

refer to height of containing block

visual


Nombre

Valor inicial

Valores




Grupo de medios

'clip'

<shape> | auto | inherit

auto

'color'

| inherit

depends on agent

'content'

[ <string> | | | :before and : attr(X) | open-quote | closeempty string after pseudo- no quote | no-open-quote | noelements close-quote ]+ | inherit

all

'counterincrement'

[ ? ]+ | none | inherit

none

no

all

'counter-reset'

[ ? ]+ | none | inherit

none

no

all

'cue'

[ 'cue-before' || 'cue-after' ] | inherit

XX

no

aural

'cue-after'

| none | inherit

none

no

aural

'cue-before'

| none | inherit

none

no

aural

'cursor'

[ [ ,]* [ auto | crosshair | default | pointer | move | eresize | ne-resize | nw-resize | auto n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit

yes

visual, interactive

'direction'

ltr | rtl | inherit

'display'

inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | tableinline footer-group | table-row | tablecolumn-group | table-column | table-cell | table-caption | none | inherit

no

all

'elevation'

| below | level | above level | higher | lower | inherit

yes

aural

'empty-cells'

show | hide | inherit

yes

visual


yes

all elements, yes but see prose

ltr

'table-cell' elements

show

82

visual

visual

visual


Nombre

Valores

Valor inicial



all but positioned elements and no generated content

Grupo de medios

'float'

left | right | none | inherit

none

'font'

[ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit


yes

'font-family'

[[ | ],]* [ | ] | inherit

depends on agent

yes

visual

medium

yes, the com pute refer to parent d element's font valu size e is inhe rited

visual

none

yes

visual

'font-size'

| | | | inherit

'font-size-adjust' | none | inherit

visual

allowed on 'font-size' and 'line-height'

visual

'font-stretch'

normal | wider | narrower | ultra-condensed | extracondensed | condensed | semicondensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit

normal

yes

visual

'font-style'

normal | italic | oblique | inherit normal

yes

visual

'font-variant'

normal | small-caps | inherit

normal

yes

visual

'font-weight'

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 normal | 700 | 800 | 900 | inherit

yes

visual


83


Nombre

Valores

Valor inicial



Grupo de medios

'height'


all elements but nonreplaced inline elements, table columns, and column groups

'left'


positioned elements

'letter-spacing'

normal | | inherit

normal

yes

visual

'line-height'

normal | | | normal | inherit

yes

refer to the font size of the visual element itself

'list-style'

[ 'list-style-type' || 'list-styleposition' || 'list-style-image' ] | inherit

XX

elements with yes 'display: listitem'

visual

none


visual

outside


visual


visual

'list-style-image' | none | inherit

'list-styleposition'

inside | outside | inherit

'list-style-type'

disc | circle | square | decimal | decimal-leading-zero | lowerroman | upper-roman | lowergreek | lower-alpha | lowerlatin | upper-alpha | upper-latin disc | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit


84

no

see prose

visual

no

refer to width of containing block

visual


Nombre

'margin'

Valor inicial

Valores

<margin-width>{1,4} | inherit

'margin-top' 'margin-right' <margin-width> | inherit 'margin-bottom' 'margin-left'



XX

no


0

no


'marker-offset'

| auto | inherit

auto

elements with 'display: marker'

'marks'

[ crop || cross ] | none | inherit

none

page context N/A

'max-height'

'max-width'

'min-height'

'min-width'

no

Grupo de medios

visual

visual

visual

visual, paged

| | none none | inherit

all elements except nonreplaced inline no elements and table elements


visual

| | none none | inherit



visual

| | inherit

0



visual

UA dependent



visual

| | inherit


85


Nombre

Valor inicial

Valores

'orphans'

| inherit

'outline'

Aplicado a (Por defecto: todos) block-level elements

Grupo de medios

yes

visual, paged

see [ 'outline-color' || 'outline-style' individual || 'outline-width' ] | inherit properties

no

visual, interactive

'outline-color'

| invert | inherit

invert

no

visual, interactive

'outline-style'

| inherit

none

no

visual, interactive

'outline-width'

| inherit

medium

no

visual, interactive

'overflow'

visible | hidden | scroll | auto | inherit

'padding'

2


visible


<padding-width>{1,4} | inherit XX

visual

no


visual

no


visual

'padding-top' 'padding-right' <padding-width> | inherit 'padding-bottom' 'padding-left'

0

'page'

| auto

auto


yes

visual, paged

'page-breakafter'

auto | always | avoid | left | right | inherit

auto


no

visual, paged

'page-breakbefore'

auto | always | avoid | left | right | inherit

auto


no

visual, paged

'page-breakinside'

avoid | auto | inherit

auto


yes

visual, paged

'pause'

[ [ | ]{1,2} depends on ] | inherit agent

no

see descriptions of 'pauseaural before' and 'pause-after'

'pause-after'

| | inherit

depends on agent

no

see prose

aural

'pause-before'

| | inherit

depends on agent

no

see prose

aural


86


Nombre

Valor inicial

Valores



Grupo de medios

'pitch'

| x-low | low | medium medium | high | x-high | inherit

yes

aural

'pitch-range'

| inherit

50

yes

aural

'play-during'

mix? repeat? | auto | none | inherit

auto

no

aural

'position'

static | relative | absolute | fixed static | inherit

'quotes'

[<string> <string>]+ | none | inherit

depends on agent

yes

visual

'richness'

| inherit

50

yes

aural

'right'


positioned elements

no

'size'

{1,2} | auto | portrait | auto landscape | inherit

the page context

N/A

visual, paged

'speak'

normal | none | spell-out | inherit

yes

aural

elements that have table yes header information

aural

all elements, but not to no generated content

normal

visual


visual

'speak-header'

once | always | inherit

once

'speak-numeral'

digits | continuous | inherit

continuous

yes

aural

'speakpunctuation'

code | none | inherit

none

yes

aural

'speech-rate'

| x-slow | slow | medium | fast | x-fast | faster | slower | inherit

medium

yes

aural

'stress'

| inherit

50

yes

aural

'table-layout'

auto | fixed | inherit

auto


'table' and 'inline-table' no elements

87

visual


Nombre

'text-align'

Valor inicial

Valores

left | right | center | justify | <string> | inherit

none | [ underline || overline || 'text-decoration' line-through || blink ] | inherit



Grupo de medios

depends on agent block-level and writing elements direction

yes

visual

none

no (see pros e)

visual

'text-indent'

| | inherit


'text-shadow'

none | [ || ? ,]* [ || ?] | inherit

'text-transform'

capitalize | uppercase | lowercase | none | inherit

'top'


positioned elements

'unicode-bidi'

normal | embed | bidi-override | normal inherit

all elements, no but see prose

'vertical-align'

baseline | sub | super | top | text-top | middle | bottom | text-bottom | | | inherit

baseline

inline-level and 'tablecell' elements

'visibility'

visible | hidden | collapse | inherit

inherit

'voice-family'

0

yes


visual

none

no (see pros e)

visual

none

yes

visual

no

no


visual

visual refer to the 'line-height' of the element itself

visual

no

visual

[[<specific-voice> | ],]* [<specific-voice> | agent ] | inherit

yes

aural

'volume'

| | silent | x-soft | soft | medium | loud | x-loud | inherit

medium

yes

refer to aural inherited value

'white-space'

normal | pre | nowrap | inherit

normal


88


yes

visual


Nombre

'widows'

Valor inicial

Valores

| inherit

2

'width'


'word-spacing'

normal | | inherit

normal

'z-index'

auto | | inherit

auto


Aplicado a (Por defecto: todos) block-level elements

yes

all elements but nonreplaced inline elements, table rows, and row groups

no

positioned elements

89


Grupo de medios

visual, paged


visual

yes

visual

no

visual


13.Bibliografía, enlaces Bibliografía ●

HTML&XHTML The definitive guide

Enlaces ●

http://www.w3.org

●

http://www.webdesign.org

●

http://www.cuatrovientos.org

●

http://dire.cuatrovientos.org

Distribuido bajo licencia Copyleft. http://creativecommons.org/licenses/by/2.0/es/legalcode.es

Bibliografía, enlaces - Bibliografía, enlaces

90

Related Documents 3h463d

Html Aula0 wo8
December 2022 0

Aula0 4g2e1p
August 2022 0

Html 22y2m
April 2020 22

Html 22y2m
April 2020 36

Html 22y2m
July 2021 0

Html 22y2m
July 2021 0

Our Company o722t

2008 Columbia Road Wrangle Hill, DE 19720

+302-836-3880

[email protected]

Quick Links 1y3f50

About

Help / FAQ

Legal 4n5710

of Service

Cookie Policy

Disclaimer

Follow Us 1i4p48

Mobile Apps 211125

Copyright © 2025 IDOUB.

, , , , ............................................39 Tablas anidadas...................................................................................................................................41 Maquetación de documentos con tablas..............................................................................................43 7.Formularios...........................................................................................................................................48 Formularios básico: , , texto y botones...............................................................48 Formularios maquetados en una tabla y

...........................................................................................33 Atributos de las tablas.........................................................................................................................35 Uniendo celdas: Colspan y Rowspan..................................................................................................36 Etiquetas de zona de tabla: ,

Html Aula0 wo8

Overview 26281t

More details 6y5l6z

, 6882k

,.., 231957

............................................................................................................6 Párrafos y saltos de linea 2q3v72

Menú 4y1p6k

El instituto Cuatrovientos g4l5e

Servicios a la mano 3cv58

Saltando a cuatrovientos... a6u10

Super ejemplo de pagina XHTML 5l1a3m

Related Documents 3h463d

Html Aula0 wo8

Aula0 4g2e1p

Html 22y2m

Html 22y2m

Html 22y2m

Html 22y2m