1 HTML HT HiperText ML Markup Language
2 1986: La organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) 1990: Tim Berners-Lee crea la WWW y el HTML con base en un subconjunto del SGML 1993: se crea el HTML 2.0 (o HTML+) World Wide Web Consortium 1995: el World Wide Web Consortium define el HTML 3.0 1997: se define el estándar HTML 4.0 1999: aparece el estándar HTML 4.01 Tim Berners- Lee, Director del W3C
3 www.w3c.org
4 El W3C (World Wide Web Consortiun) es un consorcio internacional donde organizaciones miembro, personal full- time y el público en general trabajan para desarrollar estándares Web. La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web. Algunas organizaciones miembro del W3C AdobeEricssonNokia AppleGoogle Opera Software AT&THPSun Microsystems CiscoIBM CorporationTelefónica Citigroup MicrosoftYahoo Deutsche TelekomMozilla FoundationVeriSign …Y decenas de universidades de todo el mundo
5
6
7
8
9
10 HEAD …
11 BODY TIPO DE LETRA … TAMAÑO COLOR FUENTE size=“ “ color=“ “ face=“ “ …
12 BODY TIPO DE LETRA … size=“3“ TAMAÑO (absoluto) desde 1 hasta 7 (relativo) desde -2 hasta +4
13 BODY COLOR color=“ “ http://es.wikipedia.org/wiki/Colores_HTML
14 FUENTE face=“ “ BODY
15 Estilos de letra Negrita Cursiva Subrayado Tachado A Superíndice B Subíndice Parpadeo Máquina de escribir (Teletipo) Texto grande Texto pequeño etc BODY
16 … ENCABEZADOS BODY
17 width=“ “ align=“ “ size=“ “ color=“ “ noshade LÍNEA HORIZONTAL BODY
18 … align=“ “ center left right justify PÁRRAFOS BODY …
19 ENLACES BODY GOOGLE FICHERO ANCLA
20 … ANCLAS BODY
21 alt=“ “ height=“ “ width=“ “ border=“ “ IMÁGENES BODY
22 … align=“ “ bgcolor=“ “ width=“ “ heigt=“ “ border=“ “ cellspacing=“ “ cellpadding=“ “ TABLAS BODY
23 … COLUMNAS … FILAS … cellpadding=“ “ TABLAS BODY
24 contenido primera fila (de la 1ª columna) contenido primera fila (de la 2ª columna) contenido segunda fila (de la 1ª columna) contenido segunda fila (de la 2ª columna) BODY
25 … align =“top / middle / bottom” bgcolor = “ " direction =“left / right” height =“ “ width =“ “ loop =“num / infinite” scrolldelay =“ “ MARQUESINAS BODY
26 PROPIEDADES GENERALES BODY
27 REDIRECCIONAR HEAD
28 SONIDO DE FONDO BODY
29 DESORDENADAS LISTAS BODY ORDENADAS … …
30 LISTAS BODY …
31 LISTAS BODY …
32 MARCOS FRAMESET
33 MARCOS FRAMESET
34 MARCOS FRAMESET
35 MARCOS FRAMESET Anchura y altura: Porcentaje (%) Valor absoluto (pixels) Valor relativo (*)
36 MARCOS FRAMESET
37 MARCOS FRAMESET Atributos: BORDER=“” NORESIZE SCROLLING=“YES/NO/AUTO” BORDERCOLOR=“”