EJEMPLO 1.
FORMULARIO DE DATOS PERSONALES (nombre, apellidos, dirección, correo
electrónico y número de teléfono).
<div id="body">
<form method="get" action="accion.html">
Nombre: <input type="text" name="nombre"
/><br />
Apellidos: <input type="text" name="apellidos"
/><br />
Dirección: <input type="text" name="direccion"
/><br />
Correo
electrónico: <input type="text" name="correo"
/><br />
Teléfono: <input type="text" name="telefono"
/><br />
</form>
</div>
Ejemplo 2.- Si nuestro formulario lo incluimos
dentro del pequeño portal que habíamos creado anteriormente, el código completo
sería el siguiente.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal básico -
aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div
id="header">
Portal
(Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<!-- contenedor -->
<br
/>
<br
/>
<br
/>
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>Menú</div>
<hr width="50%" color="red" />
<ul>
<li><a
href="#">Portada</a></li>
<li>
<a
href="http://www.aprenderaprogramar.com">aprenderaprogramar.com</a>
</li>
</ul>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="get" action="accion.html">
Nombre: <input type="text" name="nombre"
/><br />
Apellidos: <input type="text" name="apellidos"
/><br />
Dirección: <input type="text" name="direccion"
/><br />
Correo
electrónico: <input type="text" name="correo"
/><br />
Teléfono: <input type="text" name="telefono"
/><br />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2012 aprenderaprogramar.com
</div>
</div>
</body>
</html>
Su visualización será la siguiente.
Ejemplo 3.- ESTRUCTURA DE TABLA:
<table>
<tr>
<td>Celda 1, linea 1</td>
<td> Celda 2, linea 1</td>
</tr>
<tr>
<td> Celda 1, linea 2</td>
<td> Celda 2, linea 2</td>
</tr>
</table>
El resultado:
<table>
<tr>
<td>Celda 1, linea 1</td>
<td> Celda 2, linea 1</td>
</tr>
<tr>
<td> Celda 1, linea 2</td>
<td> Celda 2, linea 2</td>
</tr>
</table>
El resultado:
|
Celda 1,
linea 1
|
Celda 2,
linea 1
|
|
Celda 1,
linea 2
|
Celda 2,
linea 2
|
SI DESEAS CONOCER MAS
VISITA ESTA PÁGINA
No hay comentarios:
Publicar un comentario