Sei sulla pagina 1di 34

Van dentro de la etiqueta <ul></ul>, cada elemento que queramos aadir a la lista, lo haremos dentro de la etiqueta <li></li>.

Estas listas estn definidas por defecto por puntos negros, para poder definir el tipo de smbolo del punto, podemos hacerlo utilizando el atributo type.

Valor type disc circle square 1

Descripcin Definida por puntos negros Definida por puntos fondo blanco Definida por cuadros Definida por nmeros (1,2,3,)

i
a

Definida por numero romanos (i,ii,iii,)


Definida por letras (a,b,c,)

Van dentro de la etiqueta <ol></ol>, cada elemento que queramos aadir a la lista, lo haremos dentro de la etiqueta <li></li>. En las listas ordenadas podemos hacer que el primer punto comience con el nmero que nosotros queramos, para conseguir esto hacemos el uso del atributo value.

Para crear una tabla en HTML lo hacemos por medio, de la etiqueta <table></table> Sus atributos son:
Atributo
Align Bgcolor Border BorderColor BorderDark

Descripcin
Establece la alineacin de la tabla o texto. Establece el color de fondo de las celdas de la tabla. Determina el ancho del borde en pixeles. Asigna un color al borde. Determina el color de la parte oscura de un borde de 3 dimensiones.

Atributo
BorderLigth

Descripcion
Asigna el color de la parte clara de un borde de 3 dimensiones.

Caption Cellpadding

Especifica el titulo de la tabla. Establece la cantidad de espacio libre junto al contenido de una celda.
Asigna la cantidad de espacio entre las celdas de un tabla. Determina el ancho de la tabla en pixeles o en un porcentaje

Cellspacing Width

Etiqueta <th></th> Exhibe al texto como un encabezado de la primera fila de una tabla. Sus atributos principales son: Colspan : Especifica el numero de celdas que cubre el encabezado. Align : Determina la posicin del texto del titulo. Etiqueta <tr></tr> Exhibe el texto dentro de un fila; esta define las filas.

Etiqueta <td></td> Esta se podria interpretar como la etiqueta que define las columnas . Algunos atributos principales son:

Align: Alineacin del texto/objeto de la celda. Bgcolor: Color de fondo de una celda. Background: Imagen de fondo de una celda. Rowspan: Se especifica en nmero de celdas debajo. Width: Ancho de la celda/columna con respecto al ancho de la tabla.

Los formularios o tambin llamados forms, se utilizan para la entrada y envi de datos desde una pgina HTML. La marca es <form> </form>

Atributos <form> </form>:


Atributos action = programa (Accin) Descripcin Se refiere a la accin a realizar cuando se pulsa el botn de envi del formulario. Que sirve para especificar el mtodo segn el cual se transferirn las variables.

method = post/get

El elemento HTML label asocia un trozo de texto a un control. El contenido de este elemento est pensado para etiquetar al elemento.

Los elementos de entrada de datos se denotan con la etiqueta <input /> que tiene un atributo type con varias especificaciones.
Atributo bsicos de <input/>: Descripcin Atributos
name=campo Define cada campo de un formulario y es necesario para identificar los valores asignados al mismo a la hora de procesar la informacin devuelta. Nmero mximo de caracteres a introducir en el campo. La anchura visible del campo en caracteres.

maxlength=nmero size=nmero

value=texto

Valor inicial del campo en caracteres.

Especificaciones del atributo type: type=text: Indica que el campo a introducir ser un texto; se utilizan generalmente para introducir cadenas de texto cortas como nombres, direcciones de e-mail, etc. Ejemplo:

type=password (campo de contrasea): Indica que el campo ser una palabra de paso, por tanto los caracteres tecleados por el usuario en pantalla se vern como asteriscos. Ejemplo:

type=checkbox (campos de chequeo de opcin): Indica que el campo se elegir marcando una casilla, o mas de una. checked: sirve para iniciar un botn en su estado activado. Ejemplo:

type=radio (botones circulares) : Indica que el campo se elegir marcando una casilla y solo una, siendo los botones circulares. Como solo se toma un solo valor, todos los elementos de este tipo que pertenezcan a un mismo grupo, deben tener el mismo valor para name. Ejemplo:

type=submit (botones de envi): Aparece en forma de botn que es el que debe pulsarse. Ejemplo:

type=reset (botones de borrado): Devuelve los campos del formulario a los valores de inicio especificados. Ejemplo:

Este tipo de campos despliegan una lista de opciones, entre las que deben escoger una o varias. Se utiliza la etiqueta <select></select>

Atributos <select></select>
Atributo name=campo size=numero multiple Descripcin Nombre del campo Nmero de opciones visibles. Permite seleccionar mas de un valor para el campo. Las diferentes opciones de la lista se indican con la etiqueta <option></option>. Indica cual es la opcin por defecto, si no se especifica por defecto sale la primera opcin de la lista va en la etiqueta <option></option>.

selected

Representan un campo de texto de mltiples lneas y aparecen como una caja, se utiliza la etiqueta <textarea></textarea>

Atributos:
Atributo name cols rows align Descripcin Nombre del campo Numero de columnas de texto visibles Numero de filas de texto visibles Puede ser top(arriba), middle(medio), bottom(abajo), left(izquierda) y rigth(derecha).

wrap=VIRTUAL/PHYSICAL Justifica el texto automticamente en el interior de la caja. La opcin PHYSICAL enva las lneas de texto separadas en lneas fsicas. La opcin VIRTUAL enva todo el texto seguido.