ACTIVIDAD DE REFORZAMIENTO RESUMEN DE ETIQUETAS HTML
1. Colocar una imagen de fondo
<body background="fondos.jpg">
Los formatos compatibles son: .jpg - .gif - .png
2. Coloca una marquesina con una imagen de fondo
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b>
<font color="#FFFFCC" size="10"> VIVA MEXICO
</font> </b>
<img align="center" src=" hulk.gif" width="200" height="80" border="2" > </img>
</marquee>
NOTA:
Para behavior existen tres propiedades: alternate (de lado a lado de la ventana, como si rebotara en los
extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).
Para direction existen tres propiedades: down (de arriba a abajo), up (de abajo a arriba), left (de derecha
a izquierda) o right (de izquierda a derecha).
3. Establece el formato de la fuente
<font color="#FFFFCC" size="10" face ="Arial" > VIVA MEXICO </font>
4. Colocar la alineación de un párrafo(izquierda - left, centro - center y derecha -right)
<p align="center"> HOLA </p>
5. Aumenta el tamaño de la letra <big>
6. Disminuye el tamaño de la letra <small>
7. Configura el tamaño del encabezado
<h1>HOLA </h1> NOTA.- Son válidos del h1 al h6 entre más pequeño sea el número más grande es la
letra.
8. Salta renglón <br>
9. Coloca en negritas <b> </b>
10. Tachar el texto <s> </s>
11. Letra a máquina de escribir <tt> </tt>
12. Letra subrayada <u> </u>
13. Letra cursiva <i> </i>
14. Colocar espacios en blanco <  >
15. Colocar un carácter especial á donde se colocaría la letra a acentuada
16. Establecer cometarios
<!--ESTO ES UN COMENTARIO //-->
17. Realizar un hipervínculo a una página Web
<a href="PRACTICASERGIO.htm"> HOLA </a>
Donde PRACTICASERGIO.htm, sería el nombre de la página a conectar y HOLA el hipervínculo
18. Realizar una conexión a una página Web de internet
<a href="http://www.google.com"> GOOGLE </a>
19. Realizar la descarga de un archivo
<a href="ACTUALSAF.doc" tarjet=_blank > DOWNLOAD... </a>
20. Crear tablas <table>
<table width="50%" border="3" align="center" cellspacing="0" bordercolor="#9900FF"
bgcolor="#33CCFF">
<tr>
<td><b>MATERIA</b></td>
<td><b>PROFESOR</b></td>
<td><b>IMAGEN</b></td>
</tr>
</table>
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> Por cada una de las filas de la tabla, estas etiquetas deberán
insertarse entre las etiquetas <table> y </table>.
Columna o celda <td>
Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número
de columnas una celda es el resultado de la intersección entre una fila y una columna, por lo que podremos
especificar el número de celdas por fila.
21. Multimedia Sonido de fondo
<bgsound src="audio.mid" loop="-1">
Los formatos compatibles son: el WAV, el MP3 y en algunas ocasiones el MIDI,
22. Sonido con controles
<audio controls autoplay>
<source src="Llorona.ogg" type="audio/ogg">
<source src="Llorona.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
23. – Insertar Video
<video width="640" height="360" controls>
<source src="matas.mp4" type="video/mp4">
<source src="matas.webm" type="video/webm">
<!-- Texto alternativo -->
</video>
24. Anclas
Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:
<A NAME="nombre_etiqueta">Texto del elemento ancla</A>
Visualmente este elemento no tiene ningún efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:
<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>
De esta manera accederemos a la posición donde hayamos puesto el ancla. Por ejemplo al final de este
documento hemos puesto la siguiente ancla:
<a name="final">Este es el final del documento!!</a>
Y para acceder a esa posición usamos el siguiente hipernlace:
<A HREF="#final">Vamos al final del documento</A>
