Lenguaje_HTML.pdf

(263 KB) Pobierz
Marcas registradas
Todos los nombres de programas, sistemas operativos, equipos hardware,
etc. que aparecen en este documento son marcas registradas de sus respectivas
compañías u organizaciones.
Aviso
No está permitida la reproducción total o parcial de este documento, ni su
tratamiento informático, ni la transmisión de ninguna forma o por cualquier
medio, ya sea electrónico, mecánico, por fotocopia u otros métodos, sin permiso
previo y por escrito del Instituto Galego de Formación.
Instituto Galego de Formación (Vigo)
C/ Zamora 13A (esquina Ramón y Cajal)
36.203 – Vigo
Teléfono: 986 48 52 52
Instituto Galego de Formación (O Burgo)
Rúa Os Templarios 16 Bajo (Frente al Puente del Burgo)
15.670 – O Burgo
Teléfono: 981 65 21 18
www.igf.es
Instituto Galego de Formación 1996 - 2001.
Lenguaje Html
Instituto Galego de Formación
Contenido
1.
2.
Una página básica......................................................................................................... 5
Dando forma al texto.................................................................................................... 7
<BR> .................................................................................................................................. 7
<P> ..................................................................................................................................... 7
&nbsp; ................................................................................................................................ 7
<B> <I> <U>...................................................................................................................... 7
<PRE> ................................................................................................................................ 7
<TT>................................................................................................................................... 7
<BLOCKQUOTE>............................................................................................................. 8
<SUP> Y <SUB> ............................................................................................................... 8
<UL> .................................................................................................................................. 8
<!—..................................................................................................................................... 9
3. Enlaces con otras páginas .......................................................................................... 10
Enlaces dentro de la misma página .................................................................................. 10
Enlaces con otra página nuestra........................................................................................ 10
3. Enlaces con una página fuera de nuestro sistema..................................................... 11
4. Enlaces con una dirección de email.......................................................................... 11
4. Imágenes ...................................................................................................................... 12
<IMG SRC=" ">............................................................................................................... 12
ALT .................................................................................................................................. 12
ALIGN.............................................................................................................................. 12
BORDER .......................................................................................................................... 12
5. Caracteres especiales.................................................................................................. 14
6. Los estándares del HTML ......................................................................................... 15
HTML 3.0 ......................................................................................................................... 15
HTML 3.2 ......................................................................................................................... 15
HTML 4.0 ......................................................................................................................... 15
Los estándares y este manual........................................................................................ 15
7. Fondos.......................................................................................................................... 16
Fondos con un color uniforme.......................................................................................... 16
Colores del texto y de los enlaces................................................................................. 17
Fondos con una imagen .................................................................................................... 17
8. Alineación y dimensionado de imágenes .................................................................. 18
Alineación de las imágenes .............................................................................................. 18
9. Formato de las imágenes............................................................................................ 19
Tamaño de las imágenes................................................................................................... 19
El formato JPEG............................................................................................................... 19
GIFs transparentes ............................................................................................................ 20
GIFs entrelazados ............................................................................................................. 20
10. Tablas........................................................................................................................... 21
Estructura de una tabla ..................................................................................................... 21
<TABLE>......................................................................................................................... 21
<TR>................................................................................................................................. 21
1
Lenguaje Html
Instituto Galego de Formación
<TD> ................................................................................................................................ 21
Filas con desigual número de celdas ............................................................................ 22
Titular de la tabla.......................................................................................................... 22
Variando el espesor de los bordes ................................................................................ 22
Celdas de cabecera........................................................................................................ 22
Contenido de las celdas ................................................................................................ 22
Posicionamiento del contenido dentro de la celda........................................................ 22
Variando las dimensiones de la tabla ........................................................................... 23
Celdas que abarcan a otras varias ................................................................................. 23
Color de fondo en las tablas ......................................................................................... 23
Imágenes de fondo en las tablas ................................................................................... 23
Separación entre las celdas de una tabla....................................................................... 24
Separación entre el borde y el contenido dentro de las celdas ..................................... 24
11. Formularios................................................................................................................. 25
Estructura de un formulario.............................................................................................. 25
Etiqueta de inicio .......................................................................................................... 25
Elementos para introducir los datos.............................................................................. 26
Introducción por medio de texto (una línea) ................................................................ 26
Introducción por medio de texto (múltiples líneas)...................................................... 27
Introducción por medio de menús ................................................................................ 27
Formulario de confirmación (checkbox) ...................................................................... 28
Botones de radio ........................................................................................................... 28
Botones de envío y de borrado ..................................................................................... 28
12. GIFs animados ............................................................................................................ 30
Programas para crear animaciones ................................................................................... 30
13. Mapas........................................................................................................................... 31
Mapas gestionados por el servidor ................................................................................... 31
Mapas gestionados por el cliente.................................................................................. 31
Confección de la imagen del mapa................................................................................... 32
Código HTML para definir un mapa gestionado por el cliente.................................... 32
14. Frames ......................................................................................................................... 34
Documento de definición de los frames ........................................................................... 34
Documentos HTML de cada frame .............................................................................. 35
Alternativa para los navegadores que no soportan frames ............................................... 36
<FRAMESET>................................................................................................................. 37
Frames sin bordes ............................................................................................................. 38
<FRAME>........................................................................................................................ 38
TARGET .......................................................................................................................... 39
Frames anidados dentro de otros frames .......................................................................... 40
15. Sonidos......................................................................................................................... 41
Capacidades sonoras de los navegadores ......................................................................... 41
Explorer de Microsoft................................................................................................... 41
Netscape........................................................................................................................ 41
Fondo sonoro para el Microsoft Internet Explorer ....................................................... 41
Fondo sonoro para el Netscape..................................................................................... 42
Fondo sonoro combinado para el Explorer y el Netscape ............................................ 42
Activación del sonido por el propio usuario..................................................................... 43
2
Lenguaje Html
Instituto Galego de Formación
16. Texto en movimiento .................................................................................................. 44
Marquesinas (Marquees) .................................................................................................. 44
Texto en movimiento con Javascript ................................................................................ 46
Cómo incluir Javascript en un documento HTML ....................................................... 46
Scroll en la barra de estado........................................................................................... 47
17. Publicación y promoción de una página................................................................... 48
Publicación de una página ................................................................................................ 48
¿Cómo se envían las páginas al servidor? ........................................................................ 48
Promoción de una página ................................................................................................. 48
Consejos para facilitar la labor a los motores de búsqueda.......................................... 49
Sistemas de búsqueda en español ................................................................................. 50
Sistemas de búsqueda en inglés.................................................................................... 50
Registro en buscadores que están organizados como directorios................................. 51
18. Contadores de visitas.................................................................................................. 52
¿Cómo funciona un contador?.......................................................................................... 52
Servidores públicos de contadores ................................................................................... 52
19. Componer con estilo ................................................................................................... 53
Estructura de una página................................................................................................... 53
Imágenes........................................................................................................................... 55
Frames .............................................................................................................................. 56
Nombres de los ficheros ................................................................................................... 57
Sonidos ............................................................................................................................. 57
20. Applets de Java ........................................................................................................... 59
Java y Javascript ............................................................................................................... 59
Nivel de dificultad del lenguaje Java................................................................................ 59
¿Qué son los applets? ....................................................................................................... 59
¿Para qué sirven los applets? ............................................................................................ 60
¿Cómo se coloca un applet en una página? .................................................................. 60
21. Trucos diversos ........................................................................................................... 63
Distribución de programas desde una página del Web..................................................... 63
Texto fijo de un enlace en la barra de estado ................................................................... 63
Salto automático de pantalla............................................................................................. 63
Botón de envío de un formulario con una imagen............................................................ 64
Menú de direcciones......................................................................................................... 65
Acceso a una página por medio de un password .............................................................. 65
22. Canales de chat en páginas Web ............................................................................... 67
¿Cómo se instala un canal de chat en una página del Web?............................................. 67
23. Hojas de estilo en cascada. ......................................................................................... 68
Ejemplos de estas técnicas................................................................................................ 68
¿Qué navegadores las soportan?....................................................................................... 69
¿Cómo funcionan?............................................................................................................ 69
Estilo para etiquetas concretas o grupos de etiquetas....................................................... 70
Inclusión global del estilo en un documento HTML........................................................ 71
Enlazando distintos documentos a una hoja de estilo....................................................... 72
Mezclando los métodos .................................................................................................... 72
24. Hojas de estilo en cascada. ......................................................................................... 74
Atributos ........................................................................................................................... 74
3
Zgłoś jeśli naruszono regulamin