Este documento describe las principales etiquetas HTML para crear tablas, listas, formularios, videos, hipervínculos, audio e imágenes. Explica las etiquetas <table>, <tr>, <td> para tablas; <ul>, <ol>, <li> para listas; <form>, <input> para formularios; <video> para videos; <a> para hipervínculos; <embed> para audio; e <img> para imágenes. También detalla los atributos más comunes de estas etiquetas como width, height, src, entre otros.

1. MARTIN 4101

2. TABLAS
Para crear tablas en HTML se necesitan las siguientes etiquetas:
<table> y </table> para inicio y fin de la tabla.
<tr> y </tr> para inicio y fin de cada fila.
<td> y </td> para inicio y fin de columna.

3. ATRIBUTOS
width: modifica el ancho de la tabla.
height: modifica la altura de la tabla.
cellpadding: modifica el espacio entre el contenido de las celdas y el borde.
cellspacing: modifica el espacio entre celdas.
border: cambia el tamaño del borde.
align: alinea la tabla dentro de la página.
bgcolor: modifica el color de fondo.
background: inserta imagen de fondo.
bordercolor: cambia el color del borde.

4. LISTAS
Hay tres tipos de listas:
Listas no ordenadas: <ul> </ul>.
Listas ordenadas: <ol> </ol>.
Listas de definiciones: <dl>, <dt> y <dd>.
Para ingresar cada dato que se va a enlistar hacemos uso de la etiqueta
<li> </li>.

5. <frameset> y </frameset>
Se usa para indica los marcos que habra en la pagina.
cols: tamaño de las columnas de cada marco.
rows: tamaño de las columnas de cada marco.
border: tamaño del borde.
bordercolor: color del borde.

6. FRAME
<frame> </frame>
Se usa para indica el documento que se cargara en el marco.
name: define el nombre del marco.
marginwidth: ancho del margen.
mararchivo que se va abrir en el marcoginheight: altura del margen.
src: en el se inserta la ruta del.

7. FORMULARIOS
<form> y </form>
Permite recoger datos introducidos por el usuario.

8. ATRIBUTOS
action: indica una dirección de correo electrónico o la dirección del
programa que se encargará de procesar el contenido del formulario.
method: indica el metodo mediante el que se transfieren las variables del
formulario. Su valor puede ser get o post .

9. VIDEO
Para insertar un video hay que hacer uso de la etiqueta <video> </video>,
como en el siguiente codigo:
<video width="320" height="240" controls>
<source src=“video.mp4" type="video/mp4">
</video>

10. HIPERVINCULOS
<a> y </a>.
href crea un hipervinculo hacia otra pagina.
target indica en qué ventana va a ser abierta la página vinculada .

11. SONIDO
<embed>
Se usa para insertar audio en las paginas
Sintaxis:
<EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80"
WIDTH="0" HEIGHT="0">

12. ATRIBUTOS
src: ingresa la ruta del archivo.
Autostart: elegir si queremos que inicie automaticamente o no.
volume: es el nivel de volumen con el que se escuchara el audio.
width: modifica el ancho de la tabla.
height: modifica la altura de la tabla.

13. ATRIBUTOS
src : especifica el nombre de la imagen.
border: cambia el tamaño del borde.
width: modifica el ancho de la tabla.
height: modifica la altura de la tabla.
align: alinea la tabla dentro de la página.

14. IMAGENES
Las imagenes que se inserten pueden ser de diferentes formatos.
Para insertar una imagen hay que hacer uso de la etiqueta <img>