PAGINAS WEB

PIMERA PAGINA WEB HTML5 CSS

UTILIZACIÓN DE LOS TAGS VISTOS EN EL ANTERIOR AÑO

AHORA LO RODAMOS Y NOS SALDRA ASI
SEGUNDA PAGINA WEB EN HTML

AHORA LA EJECUTAMOS



PAGINA CON AUDIO Y VÍDEO




Para crear una pagina con formulario se usa este código 

La etiqueta FORM actúa como una especie de contenedor para almacenar elementos que permiten al usuario seleccionar o introducir datos. 
La etiqueta INPUT es una etiqueta esencial para los formularios, ya que se usa para crear muchos elementos “interactivos”
El atributo name es esencial, ya que permite al script CGI reconocer qué campo está asociado con un par nombre/valor, un valor que el usuario introdujo
El atributo type se usa para especificar qué tipo de elemento se representa con la etiqueta INPUT
La etiqueta SELECT sirve para crear una lista desplegable de elementos 


FORMULARIOS EN HTML 5
<!DOCTYPE HTML>
<html>
<head>
<title> Formulario en HTML 5</title>
<br>
<br>
</head>
<body>
<form action="envio.php" method="post">
<label> Tu nombre </label>
<input type= "text" name="Nombre"required/>
<br><br><label> Tus Apellidos: </label>
<input type= "text" name= "Apellidos" required/><br><br>


<br><br><label> Tu Correo </label>
<input type= "mail" name= "Tunombre@dominio.com" required/><p>

<label> fecha</label>
<input type="date" /><p>
<label> color </label>
<input type= "color" />
<label> numero </label>
<input type="number" max="10" min="0" value="15"/><p>


<label> Tu Grado: </label>
<!--select es una lista para seleccionar mediante option-->
<select name="Curso">
<option value="1"> Primer curso </option>
<option value="2"> Segundo curso </option>
</select><br> <br>
<label> Contraseña </label>
<input type="password" name="contraseña">
<br><br><input type="radio" name="repite" value="opcion1" >SI </input>
<input type="radio" name="repite" value="opcion2" >NO </input>
<br>
<!---el siguinete tag es para escojer un archivo--->
<input type="file" accept="acept/jpeg"/>
<!--- el siguiente boton sirve para enviar la informacion--->
<input type="submit" value="enviar">
</body>
</html>

ahora a ejecutarla quedara asi

selección de color


selección de archivos desde Internet y computadora







tienda de computadores




clic aqui para ir a la carpeta que contiene la pagina web

2 comentarios: