Tu Pagina en HTML II

Saludazos Amigos, esto será la parte II de nuestro manual html.

Lo que veremos en esta oportunidad será un poquito más complicado, veremos como hacer una pequeñas listas, colorear tu texto, como hacer formularios y mucho atributos de etiquetas para que estas sean más flexibles (tengan más opciones :-) ).

Y ahora "Manos al cochayuyo"
Listas

Existen varios tipos de listas en el lenguaje html, pero todas siguen la misma estructura.

<Tipo de lista>
<LI>Primer Elemento
<LI>Segundo Elemento
</Tipo de lista>

Listas Desordenadas

<UL> Esta etiqueta nos mostrara listas de elemento sin orden alguno y cada elemento ira en la etiqueta <UL>, los cuales serán mostrados con un circulo al comienzo.

<UL>
<LI>Primer elemento
<LI>Segundo elemento
</UL>

Listas Ordenadas

<OL> Nos mostrara una lista ordenada de menor a mayor por su respectivo numero (1, 2,etc).

<OL>
<LI>Primer elemento
<LI>Segundo elemento
</OL>

Listas de definiciones

<DD> y <DD> Es la única que no llevan <LI>, con el echo de representar la diferencia entre lo definido y la definición

<DL>
<DT>Primer elemento<DD>Definición 1
<DT>Segundo elemento<DD>Definición 2
</DL>

Cambia de Color tus Letras

</font color="red">Bla, Bla</font> Con esta simple etiqueta cambiaras de color tu texto, donde red es el color que deceas(red, blue, green, yellow, black, silver, etc) y bla, bla el texto que deceas colorear.

Atributo size: Controla en tamaño de tu s letras y puede ir dentro de etiquetas como </font>, <a href"http://...">, quedando de la siguiente forma ej:

<font >Conocimiento Libre</font>
Conocimiento Libre

Tipo de Letra

Con el atributo "face" podrás elegir el tipo de letra que se mostrara en tu pagina, también puedes colocar más de una por si el navegador del visitante no la soporta ej:

<font >Conocimiento Libre</font>
Conocimiento Libre = Arial

FORMULARIOS.
Los formulario sirven para captar datos los cuales serán procesados, y devolverán como resultado una respuesta, el procesamiento de formularios, no serán tratados dentro de esta manual, pero si deceas conocer más "tu amigo goolge te espera".

<form> y </form> Serán nuestra base para crear un formulario, dentro de estas etiquetas irán otras las cuales dibujaran esta en la pantalla.

<input> Es el elemento que nos mostrara una ventana de 20 caracteres (por defecto) en una fila donde tomaremos cualquier tipo de dato ingresado por el visitante.

Atributo Size: Nuevamente mostrara el tamaño, pero en esta oportunidad define la longitud de la ventana ej:

Atributo Maxlength: Define la longitud de caracteres (cuantas letras soportara nuestra ventana)

Atributo Tipe=text: Nos mostrara lo que esta en la casilla en formato texto

Atributo type=password: Nos mostrara lo que esta en la casilla en forma de asteriscos.

Atributo Value: Sirve para que la ventana aparezca con un nombre que indiques. Ej:

<form>
<input size="20" maxlength="15" Value="Conocimiento Libre">
</form>

<form>
<input size="20" maxlength="15" type="password" Value="Conocimiento Libre">
</form>

Atributo type=submit: Creara un botón con el cual podremos enviar el tipo de información y al colocar el atributo value le colocaremos un nombre a este botón.

Ejemplo un formulario de autentificación.

<form>
Introduzca su Nombre: <input size="20" maxlength="15" type="Text" Value="0">
Introduzca su Clave: <input size="20" maxlength="15" type="password" Value="0">
<input type="submit" value="Enviar">
</form>

Introdusca su Nombre:

Introdusca su Clave:

Cajas de texto multilinea.

<textarea> y </textarea> Es un elemento derivado del "input", ya que este consta de más filas, es decir, una caja de textos(SIMPLE).

Atributo ROWS: Será el numero de líneas de cada caja de textos.

Atributo COLS: Es el número de columnas, es parecido al atributo "size".

<form>
<textarea rows="4" cols="40">
</textarea>
</form>

Botones de Selección

Estos botones de selección se utilizan dentro de la etiqueta "input".

<type="radio"> Mostrara un sistema de selección de forma circular, tal como lo indica su nombre y se muestran en forma de lista. Tambien va acompañado del atributo "value" para mostrar un nombre. ej:

Atributo checked: Sirve para tener seleccionada una de la opciones obligatoriamente.

Atributo Name: Identificara el nombre de la opción al momento de enviar el formulario, en este caso es obligatorio.

<form>
<input type="radio" name="A" value="A">A
<input type="radio" name="A" value="B">B
<input type="radio" name="A" value="C">C
</form>

A
B
C

<type="checkbox"> Realiza la misma función que "type=radio", solamente que ahora mostrara cuadrados con tikcs en las cuales se puede seleccionar más de una alternativa ej:

<form>
<input type="checkbox" name="A" value="A">A
<input type="checkbox" name="A" value="B">B
<input type="checkbox" name="A" value="C">C
</form>

A
B
C

<select> y </select> Mostrara una lista desplegable (cuando buscas tu país en un formulario) y tiene que ir acompañado de el atributo "name" ej:

<form>
<select name="lista1">
<option>Opción 1
<option>Opción 2
<option>Opción 3
</select>
</form>

Opción 1Opción 2Opción 3

ESPERO QUE HAYA SIDO DE TU AGRADO. !!!GRACIAS¡¡¡