14
HTML MARTIN 4101

html

Embed Size (px)

Citation preview

Page 1: html

HTML

MARTIN 4101

Page 2: html

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: html

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: html

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: html

<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: html

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: html

FORMULARIOS

<form> y </form>

Permite recoger datos introducidos por el usuario.

Page 8: html

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: html

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: html

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: html

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: html

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: html

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: html

IMAGENES

Las imagenes que se inserten pueden ser de diferentes formatos.

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


<!doctype html><html><head><script type=