Publicado el Deja un comentario

19 Html, Css. Formulario de contacto

En el siguiente video vemos como crear nuestro documento web de contacto y enlazarlo a nuestra pagina principal.

contacto.html<!DOCTYPE html><html lang=”es”><head><title>Contacta con nosotros</title><meta charset=”utf-8″><meta name=”viewport” content=”width=device-width,initial-scale=1.0″><meta name=”language” content=”Spanish”><meta name=”author” content=”Jose Ojeda (ticoticotaa)”><meta name=”keywords” content=”programacion,python,html,php,contacto,contactanos”><meta name=”description” content=”Sitio web de ticoticotaa para contactarnos”><link rel=”stylesheet” href=”estilos.css”/><link href=”https://fonts.googleapis.com/css?family=Playfair+Display|Quicksand” rel=”stylesheet”></head><body><!–Cabecera–><header><h1>Cabecera de mi web</h1><figure><img src=”milogo.jpg”/></figure></header> <!–Barra navegacion–><nav><ul><li><a href=”index.html”>Inicio</a></li><li><a href=”contacto.html”>Contacto</a></li><li><a href=”acercade.html”>Acerca de</a></li></ul></nav><!–Contenido principal–><section><article><hgroup><h2>Contactanos</h2></hgroup><form action=”#” method=”post”><label>Nombre:</label><input name=”nombre” type=”text” placeholder=”Nombre” required/><br/><label>Email:</label><input name=”email” type=”email” placeholder=”ticoticotaa@gmail.com”/><br/><label>Mensaje:</label><textarea name=”mensaje” rows=”6″ cols=”50″ placeholder=”escribe tu mensaje”></textarea><br/><input type=”reset” value=”Borrar”/><input type=”submit” value=”Enviar”/></form></article>

</section><!–Complemento lateral–><aside><h3>Siguenos en: </h3><ul><li><a href=”#” class=”enlace”>Facebook</a></li><li><a href=”#” class=”enlace”>Twitter</a></li></ul></aside><!–Pie de pagina–><footer><p>Jose Ojeda 2019&copy</p><div id=”email”><p>email: nombre@email.com</p></div></footer></body></html>

Please follow and like us:

Deja un comentario