lunes, 21 de septiembre de 2009

Trucos de HTML para el diseño de páginas web

Aquí van notas para el diseño de una página web en HTML (ver cursos anteriores).

Ahora vamos a dejar el texto y vamos a los objetos. En HTML podemos crear objetos con la etiqueta <form>. Esta etiqueta crea un objeto y establece su funcón. Necesita etiqueta (o tag) de cierre. A FORM se le añaden algunos atributos. Los principales son ACTION (especifica la acción) y METHOD (selecciona el método por el cual se realiza la acción). Un ejemplo de FORM sería el siguente:

<form action="mailto:ejemplo" method="POST">

Esto establece las características del nuevo objeto. Ahora vamos a aprender a crearlo.

Se pueden crear cajas de texto, botones, checkboxes, botones radio, listas, etc etc. Todo eso se crea con la etiqueta <input>.
Elegimos el tipo de objeto con el atributo TYPE, que puede ser text|password|button|submit|reset|checkbox|radio|image|file|hidden
Luego tenemos el atributo NAME, que le da el nombre al objeto, para identificarlo en un editor. Luego tenemos el VALUE que otorga un valor al objeto. En caso que que creemos un botón, VALUE será lo que ponga en el boón. Los marcaores solo tienen valor CHECKBOX y RADIO.

Otros atributos son SIZE, que determina el tamaño del objeto, MAXLENGTH, que en un TEXBOX establece con un número los caracteres máximos permitidos. DISABLED desactiva el objeto.

Vamos a poner un ejemplo creando un cuadro de texto corriente.

<form action="..." method="post">
<input type="text" name="texto">
</form>

Esto crea un cuadro de texto corriente. Por cierto, ¿alguien sabe cómo he puesto < y >?

No hay comentarios: