Listas

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

<listas>

Elemento de
lista <li>

En la mayoría de los documentos
HTML se usan listas para organizar el
texto. El lenguaje HTML incorpora
distintas formas d...

Cada uno de los
elementos de una lista
ha de insertarse entre
las etiquetas <li> y </li>

Por ejemplo, para insertar en una lista
los siguientes elementos:
•!item1!
!•!item2!
!•!item3
Habría que escribir:
!
<li>i...

LISTAS NO
ORDENADAS

Las listas no ordenadas son aquellas
que se encuentran entre las etiquetas
<ul> y </ul> (ul indica unordered list),
etique...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/
loose.dtd">!
<html>!
<head...

LISTAS
ORDENADAS

Si lo que pretendemos es deﬁnir una
lista ordenada, lo tendremos que hacer
entre las etiquetas <ol> </ol> (ol indica
order...

En las listas ordenadas podemos hacer que el
primer punto comience con el número que
nosotros queramos. Lo conseguiremos g...

Por ejemplo, si queremos que nuestra
lista empiece por el número 20,
podemos indicarlo en el código. Escribe
este código e...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/
loose.dtd">!
<html>!
<head...

ANIDAMIENTO O USO
SIMULTÁNEO
(COMBINACIÓN) DE
VARIOS TIPOS DE LISTAS

Si lo deseamos, podemos combinar
unos tipos de listas con otros. Por
ejemplo, tener listas ordenadas
dentro de cada elemen...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">!
<html> 
<head...

Etiqueta
<hr>

Para separar un texto de otro o un párrafo de
otro podemos utilizar una línea horizontal de un
tamaño o un grosor determin...

<html>!
<head>!
<title>Ejemplo del uso de separadores </
title>
</head>!
<body>!
<p>A continuación insertamos un
separador...

CREACIÓN DE COMENTARIOS EN
HTML!
!
Para crear un comentario no se usa una etiqueta,
aunque es una estructura parecida. En ...

Formularios

Los formularios son usados para que el
usuario ingrese datos.
!
Esos datos son enviados a un documento,
que se encuentra e...

La etiqueta
<form>

La etiqueta <form> se utiliza
para deﬁnir un formulario.
El atributo action es obligatorio y
nos indica el documento que
p...

También contamos con el
atributo method que nos deﬁne
el método por el cual se enviarán
los datos del usuario al servidor.

Sintaxis
<form action="URL"
method="valor">!
...!
</form>

La etiqueta
<input>

Nos deﬁne el registro donde el
usuario puede ingresar los datos.
Los usuarios interaccionan con
los formularios a través d...

Tipos de controles:!
Botones (buttons)
Casillas de veriﬁcación (checkboxes)
Radiobotones (radio buttons)!
Menúes (menus)
E...

El atributo type especiﬁca
el tipo de control a crear.

Sintaxis
<form>!
<input type="control"
atributo="valor">!
</form>

El control "text"

Crea un control que nos
permite ingresar un texto en
una línea.
<form action="datos.php"
method="get">!
Nombre: <input typ...

El control
"radio"

Se usa cuando queremos que
el usuario elija una sola opción
de entre una serie de
posibilidades.

<form action="edades.asp"
method="post">!
¿Edad?
<input type="radio" name="edad"
value="menor">menor de 17
<input type="ra...

El control
"checkbox"

Permite al usuario elegir varias
opciones entre todas las
posibilidades

<form action="hobbie.php" method="get">!
¿Pasatiempos?!
<input type="checkbox" name="pasa"
value="tv">TV!
<input type="che...

El control
"password"

Funciona igual que text, pero
el texto introducido se
presenta mediante una serie
de puntitos. Es utilizado
generalmente p...

<form
action="verificacion.php"
method="post">
Nombre: <input type="text"
name="nombre">
Password: <input
type="password"
...

El control
"submit" y el
control
"reset"

El control submit es el botón
de envío de datos del
formulario y el control reset es
el botón de reinicialización. Al
ser ...

<form action="datos_personales.php"
method="post">!
Nombre: <input type="text" name="nombre">!
Contraseña: <input type="pa...

el valor de la propiedad
value deﬁne el texto
dentro del botón.
!
nota

El control
"ﬁle"

<form action="archivo.php"
method="post">
Ingrese la foto: <input
type="file" name="foto">
</form>

El control
"hidden"

<form action="oculto.php"
method="post">
Nombre: <input type="text"
name="nombre">
Contraseña: <input
type="password"
name...

El control
"image"

El control image nos permite
utilizar una imagen personalizada
como botón de un formulario.

<form action="archivo.php"
method="post">!
Nombre: <input type="text"
name="nombre">!
Contraseña: <input type="password"
n...

Las etiquetas
<select> y
<option>

<form action="continentes.php" method="get">!
<select name="continente">!
<option value="america">América</option>!
<optio...

La etiqueta <select> es
usada para crear un
menú desplegable.
Cada opción ofrecida por
el menú se representa
con la etique...

La etiqueta
<textarea>

Se usa para crear un control de
entrada de texto multilínea.
Los atributo rows y cols nos
indican la cantidad de filas y
c...

<form action="texto.php"
method="post">
<textarea name="eltexto"
rows="5" cols="30">
Aquí podemos ingresar un texto
introd...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Etiquetas by Abdel Suarez 2373 views
Estructura by Abdel Suarez 1786 views

View on Slideshare

1 of 59 Ad

View on Slideshare

1 of 59 Ad