14
HTML MARTIN 4101

Palomino

Embed Size (px)

Citation preview

Page 1: Palomino

HTML

MARTIN 4101

Page 2: Palomino

TABLASPara 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.

Page 3: Palomino

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.

Page 4: Palomino

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>.

Page 5: Palomino

<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.

Page 6: Palomino

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.

Page 7: Palomino

FORMULARIOS

<form> y </form>

Permite recoger datos introducidos por el usuario.

Page 8: Palomino

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 .

Page 9: Palomino

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>

Page 10: Palomino

HIPERVINCULOS

<a> y </a>.

href crea un hipervinculo hacia otra pagina.

target indica en qué ventana va a ser abierta la página vinculada .

Page 11: Palomino

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">

Page 12: Palomino

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.

Page 13: Palomino

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.

Page 14: Palomino

IMAGENES

Las imagenes que se inserten pueden ser de diferentes formatos.

Para insertar una imagen hay que hacer uso de la etiqueta <img>