REALIZACIÓN DE CAJAS DE TEXTO, HTML.

Para realizar una caja de texto debemos darle en el campo input type el atributo text.

Después pondríamos el atributo name, que indica el nombre asociado a la caja de texto.

maxlength: Permite indicar el número máximo de caracteres de la caja de texto.

value: Permite indicar el valor inicial que queremos que aparezca en la caja de texto.

REALIZACIÓN DE FORMULARIOS EN HTML.

Para realizar un formulario en HTML, necesitamos conocer las partes que lo componen:

action : Dentro de el introducimos la ruta de la web con la que está relacionado el formulario.

method : Con dos opciones posibles:

• post : Al producirse cambios en el formulario, y que van a ser mandados a una base de datos.
• get : Al no producirse cambios de ningún tipo.

Para enviar los datos a una cuenta de correo electrónico, podríamos lo siguiente:
<input type="hidden" name="formulario" value="formulario@ejemplo.com">

Ejemplo:
<form action="http://computersandprogrammers.blogspot.com.es/documentos/form.html" method="post">
   

COLUMNAS, CELDAS, FILAS Y ENCABEZADOS.

Columnas y filas: Determinadas con la etiqueta <tr>.

Celdas: Determinadas con la etiqueta <td>. Se encuentran dentro de una columna, por lo que se especificaría dentro de un <tr>.

Encabezados: Determinados con la etiqueta <th>, pero eso sí, dentro de una columna (<th>).

IMAGENES.

png: Transparencias.

gif: Imágenes pequeñas.

jpg: Imagenes de alta calidad.

alt: Alternativa.

align: Alineación de la imagen con el texto.

border: Ancho del borde.

width: Ancho de la imagen.

height: Alto de la imagen.

<img src=""> : Dentro de las comillas dobles, pondríamos la url de nuestra imagen a visualizar.

TABLAS.

Determinada con la etiqueta <table>, que indica el inicio o apertura de una tabla.

Opciones:

width : Esta opción especifica el ancho de la tabla.

th y td : Con estas opciones determinamos el ancho de columna.

height : Con esta opción determinamos la altura de la tabla.

border : Esta opción la usamos para asignar un borde a la tabla. Si fuera =0, no habría borde.

cellpadding : Determinamos el espacio entre el borde de la celda y su contenido.

cellspacing : Con ella determinamos el espacio que hay entre una celda y otra.

TIPOS DE LISTAS EN HTML.

Ordenadas:

Se declaran con la etiqueta <ol>. Ejemplo:

<ol>
      <li> ejemplo </li>
</ol>

Desordenadas:

Se declaran con la etiqueta <ul>. Ejemplo:

<ul>
     <li> ejemplo </li>
</ul>

MÁS TIPOS DE ENLACES.

Enlaces de descarga, usados mediante la etiqueta <a href=""> texto </a>

Enlaces de correo electrónico: ejemplo:

<a href="mailto:listadecontactos@computersandprogrammers.es">email computersandprogrammers" </a>