You are on page 1of 10

2014

Programacin Web - HTML

Facilitador: Efran Gavides


gavidesjimenez@gmail.com
HTML

Etiquetas para Marquesinas (movimientos)

Etiquetas para Frames (multiventanas)

Programacin Web

18
HTML

Etiqueta <frameset> Etiqueta <frame>

Atributos Valor Atributos Valor


cols pxeles marginheight pxeles
% marginwidth pxeles
* name nombre
rows pxeles scrolling yes
% no
* auto
src URL

P13 Pgina con Frames

Programacin Web

19
HTML

P14 Pginas con Iframes

Etiquetas para objetos multimedia (sonido y video)

Para reproducir archivos de sonido o video en una pgina, se utiliza la etiqueta


<object> </object> y <param> de la forma general siguiente:

<object data="archive.ext" type="audio/x-midi" width="100" height="50">


<param name="autoplay" value="false">
<param name="autostart" value="0">
</object>

Etiqueta <object> Etiqueta <param>

Atributos Valor Atributos Valor


align left name nombre
right type tipo de contenido
top value valor
bottom
Programacin Web

border pxeles
data URL
height pxeles
hspace pxeles
name nombre

20
HTML

type tipo de contenido


vspace pxeles
width pxeles

Etiquetas para Formularios

La estructura general para cosntruir un formulario es:

<FORM ACTION= accin METHOD=post >


Cuerpo del formulario
Botones de envo y borrado
</FORM>

Programacin Web

21
HTML

Etiqueta <form> Etiqueta <input>

Atributos Valor Atributos Valor

action URL align left


method get right
post middle
top
name nombre
bottom
target _blank
alt texto alternativo
_self
checked checked
_parent
disabled disabled
_top maxlength nmero
nombre del name nombre
frame
size nmero
src URL
type text
password
checkbox
radio
submit
reset
Programacin Web

file
hidden
image
button
usemap #nombre_del_mapa
value valor

22
HTML

P15 Formulario para enviar datos por correo electrnico

Programacin Web

23
HTML

Etiqueta <select> Etiqueta <option> Etiqueta <textarea>

Atributos Valor Atributos Valor Atributos Valor

disabled disabled disabled disabled cols nmero


multiple multiple label texto rows nmero
name nombre selected selected disabled disabled
size nmero value text name nombre

P16 - Formulario de solicitud de informacin

Programacin Web

24
HTML

Etiqueta para suministrar informacin de la pgina

La etiqueta <META> se utiliza para aadir informacin sobre la pgina. Esta


informacin puede ser utilizada por los buscadores.
Los buscadores consultan la informacin de la etiqueta <META> de las pginas,
buscando coincidencias con lo que el usuario pretende encontrar.
A travs de esta etiqueta pueden especificarse los atributos Name y Content. El
atributo Name indica el tipo de informacin, y el atributo Content indica el valor de
dicha informacin.
Para indicar el tipo de informacin podemos utilizar cualquier palabra que deseemos,
como puede ser "Autor", "Palabras clave", "Descripcin", etc. Pero debido a que la
mayora de buscadores estn en ingls, es preferible que el tipo de informacin se
especifique en ingls.
La etiqueta <meta> ha de estar entre las etiquetas <HEAD> y </HEAD>.

De forma general, se utiliza as:


<HEAD>
<META http-equiv="Content-Type" Content="text/html; charset=iso-8859-1" />
<META Name="keywords" Content="tutorial, tutorial html, html" />
<META Name="description" Content="Completo tutorial de HTML" />
<META Name="language" Content="Spanish" />
</HEAD>

Atributos Valor

content texto
name author
copyright
description
distribution
generator
keywords
http-equiv Allow
Content-Encoding
Content-Length
Content-Type
Date
Expires
Last-Modified
Programacin Web

Location
Refresh
Set-Cookie
WWW-Authenticate

25
HTML

26
Programacin Web

You might also like