1er.tutorial

sábado, 11 de septiembre de 2010

Codigos mas usados y ejemplos

Para la creacion de tablas:


















Para insertar imagenes:

Aqui va el contenido de la tabla, texto, imágenes, etc.




Para crear un formulario de registro:




<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin títulotitle>
head>

<body bgcolor="#999999">

<div align="center">
<font face="Arial, Helvetica, sans-serif" size="5" align="center" color="#996633"><strong>Formulario de Registrostrong>font>div>
font><br><br>

<div align="lefth">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><strong>Datos Personalesstrong>font>div>
font><br><br>


<p>Nombres: <input type="text" name="Nombre " size="20" > Apellido: <input type="text" name="Nombre " size="20" > p>
<p>Direccion: <input type="text" name="Nombre " size="50" > Telefono: <input type="text" name="Nombre " size="50" > p>

<p> <strong>Departamento:strong>
<Select name="Departamento">
<option>Limaoption>

<option>Icaoption>
<option>Tumbesoption>
Select>
<strong>Pais:strong>
<Select name="Pais">
<option>Peruoption>
<option>Argentinaoption>
<option>Braziloption>
Select>p>
<p> Edad:

<input type="radio" name="Edad" value="1" checked="checked">Menos de 10 años
<input type="radio" name="Edad" value="2" checked="checked">Entre 10 y 20 años
<input type="radio" name="Edad" value="3" checked="checked">Entre 30 y 40 años
<input type="radio" name="Edad" value="4" checked="checked">Mas de 40 años
p>
<hr />

<div align="lefth">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><strong>Datos Estudiosstrong>font>div>
font><br><br>

<p> <strong>Especialidad:strong>
<Select name="Especialidad">

<option>Ingenieraoption>
<option>Derechooption>
<option>Educacionoption>
Select>

Carrera: <input type="text" name="Nombre " size="40" > p>

<p> Nivel de Educacion:
<input type="radio" name="Nivel" value="1" checked="checked">Primaria
<input type="radio" name="Nivel" value="2" checked="checked">Secundaria
<input type="radio" name="Nivel" value="3"  checked="checked">Pregrado

<input type="radio" name="Nivel" value="4" checked="checked">Postgrado
<input type="radio" name="Nivel" value="4" checked="checked">Doctorado
p>
<hr />

<div align="lefth">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><strong>Archivos a Enviarstrong>font>div>
font><br>
<p><input type="checkbox" name="Envios" checked="checked">Manual de Visual Basic <input type="checkbox" name="Envios" >Maunal de Java <input type="checkbox" name="Envios" >Manual de HTMLp>
<hr />

<div align="lefth">
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Archivos a Enviarfont>div>

<br>

<p>Tus comentarios:<br>
<textarea name="comentario" rows="10" cols="40">textarea>
<p>
<input type= submit value="Enviar">
<input type = reset value="Borrar"> p>

body>
html>

Para crear un formulario de contactar usuario:



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin títulotitle>
head>

<body>

<body bgcolor="#999999">

<font face="Arial, Helvetica, sans-serif" size="5" color="#996633">Deseo Colaborarfont><br><br>

<p>Nombre: <input type="text" name="Nombre " size="20" > p>
<p>Email: <input type="text" name="Email " size="20" value="@" > <a href="mail to"= migueldlch@hotmail.com >Envia emaila>p>

<p>Poblacion: <input type="text" name="Poblacion " size="20" > p>

<p> Sexo:
<p>
<input type="radio" name="Sexo" value="1" checked="checked">Hombre <br>
<input type="radio" name="Sexo" value="2" checked="checked">Mujer <br>
p>p>

<p> Frecuencia de los viajes:
<Select name="Viajes">
<option>Pocas veces al diaoption>
<option>Varias veces al diaoption>
<option>Muchas veces al diaoption>
<option>Todo el diaoption>
Select>p>

<p>Comentario:
<p><textarea name="comentario" rows="10" cols="40">textarea>

<p><input type="checkbox" name="notificacion" checked="checked"> Deseo recibir notificacion de las novedades en las lineas de autobuses.p>

body>
html>

No hay comentarios:

Publicar un comentario