Upload
anibal-monico
View
219
Download
0
Tags:
Embed Size (px)
Citation preview
HTMLHTMLHHiperTText
MMarkup LLanguage
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+)
1995: el World Wide Web ConsortiumWorld 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
www.w3c.orgwww.w3c.org
• 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
Adobe Ericsson NokiaApple Google Opera Software AT&T HP Sun MicrosystemsCisco IBM Corporation TelefónicaCitigroup Microsoft YahooDeutsche Telekom Mozilla Foundation VeriSign
…Y decenas de universidades de todo el mundo
<etiqueta><etiqueta>
</etiqueta></etiqueta>
<html><html>
</html></html>
<head><head>
</head></head>
<body><body>
</body></body>
<html><html>
<head><head>
</head></head>
<body><body>
</body></body>
</html></html>
HEADHEAD
<TITLE>…</TITLE>
<META>…</META>
BODYBODY
TIPO DE LETRA <font>…</font>
TAMAÑO COLOR FUENTE
size=“ “ color=“ “ face=“ “
<font size=“3” color=“red” face=“verdana”>
…
</font>
BODYBODY
TIPO DE LETRA <font>…</font>
size=“3“
TAMAÑO
(absoluto)
desde 1 hasta 7
(relativo)
desde -2 hasta +4 <basefont size=“ “>
BODYBODY
COLOR
color=“ “
http://es.wikipedia.org/wiki/Colores_HTML
FUENTE
face=“ “
BODYBODY
Estilos de letra
Negrita <b>
Cursiva <i>
Subrayado <u>
Tachado <strike>
ASuperíndice <sup>
BSubíndice <sub>
Parpadeo <blink>Máquina de escribir (Teletipo) <tt>
Texto grande <big>
Texto pequeño <small>
</b> </i> </u> etc
BODYBODY
<h1>…</h1><h2>…</h2><h3>…</h3><h4>…</h4><h5>…</h5><h6>…</h6>
ENCABEZADOSBODYBODY
<hr>
width=“ “align=“ “size=“ “color=“ “noshade
LÍNEA HORIZONTALBODYBODY
<hr width=“50%“ align=“center“ size=“3“ color=“blue“ noshade>
<p>…</p>
align=“ “
centerleft
rightjustify
PÁRRAFOS
BODYBODY
<p align=“center”>…</p>
<a href=>…</a>
ENLACESBODYBODY
<a href=“http://www.google.com”>GOOGLE</a>
<a href=“directorio/archivo.htm”>FICHERO</a>
<a href=“#ancla”>ANCLA</a>
<a name=“ “>…</a>
ANCLASBODYBODY
<img src=“imagen.gif”>
alt=“ “height=“ “width=“ “
border=“ “
IMÁGENESBODYBODY
<table>…</table>
align=“ “bgcolor=“ “width=“ “heigt=“ “
border=“ “cellspacing=“ “cellpadding=“ “
TABLASBODYBODY
<table>…</table>
COLUMNAS
<tr>…</tr>
FILAS
<td>…</td>
cellpadding=“ “
TABLASBODYBODY
<table align="center" border="3" bordercolor="blue" cellspacing="3" cellpadding="4" bgcolor="red" width="90%">
<tr><td>contenido primera fila (de la 1ª columna)</td><td>contenido primera fila (de la 2ª columna)</td></tr>
<tr><td>contenido segunda fila (de la 1ª columna)</td><td>contenido segunda fila (de la 2ª columna)</td></tr>
</table>
BODYBODY
<marquee>…</marquee>
align =“top / middle / bottom”bgcolor = “ "direction =“left / right” height =“ “width =“ “loop =“num / infinite” scrolldelay =“ “
MARQUESINASBODYBODY
<body bgcolor=“ “>
<body background=“ “>
<body link=“ “ vlink=“ “ alink=“ “>
PROPIEDADES GENERALESBODYBODY
<META HTTP-EQUIV="Refresh" CONTENT="3; URL=http://www.20minutos.es">
REDIRECCIONARHEADHEAD
<BGSOUND SRC="sonido.mid" LOOP=none>
SONIDO DE FONDOBODYBODY
DESORDENADAS
LISTASBODYBODY
ORDENADAS
<ul>…</ul><li><li>
<ol>…</ol><li><li>
LISTASBODYBODY
<ul type=“circle”>…</ul>
<ul type=“square”>…</ul>
<ul type=“disc”>…</ul>
LISTASBODYBODY
<ol type=“1”>…</ol>
<ol type=“A”>…</ol>
<ol type=“a”>…</ol>
<ol type=“I”>…</ol>
<ol type=“i”>…</ol>
MARCOSFRAMESETFRAMESET
<frameset>
</frameset>
MARCOSFRAMESETFRAMESET
<frameset cols="50%,50%">
<frame name="1" src="http://www.google.com"><frame name="2" src="http://www.yahoo.com">
</frameset>
MARCOSFRAMESETFRAMESET
<frameset rows="50%,50%">
<frame name="1" src="http://www.google.com"><frame name="2" src="http://www.yahoo.com">
</frameset>
MARCOSFRAMESETFRAMESET
Anchura y altura:
Porcentaje (%)
Valor absoluto (pixels)
Valor relativo (*)
MARCOSFRAMESETFRAMESET
<frameset cols="50%,*">
<frameset rows="50%,50%"><frame name="1" src="http://www.google.com"><frame name=“2" src="http://www.elpais.com">
</frameset>
<frameset rows="50%,50%"><frame name=“3" src="http://www.yahoo.com"><frame name=“4" src="http://www.abc.es">
</frameset>
</frameset>
MARCOSFRAMESETFRAMESET
Atributos:
BORDER=“”
NORESIZE
SCROLLING=“YES/NO/AUTO”
BORDERCOLOR=“”