Descarga la aplicación para disfrutar aún más
Vista previa del material en texto
www.globalmentoring.com.mx www.globalmentoring.com.mx Poner en práctica varios de los componentes más comunes de HTML. Al finalizar deberemos observar lo siguiente: www.globalmentoring.com.mx Vamos a crear el proyecto: www.globalmentoring.com.mx <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Componentes HTML</title> </head> <body> <h1>Algunos Componentes HTML</h1> <p> Nuevo parrafo </p> Creación de una tabla <table width="200" border="1" bgcolor="white"> <tr> <th> Titulo1 </th> <th> Titulo2 </th> </tr> <tr> <td> Dato1 </td> <td> Dato2 </td> </tr> </table> <p> </p> Archivo index.html: http://icursos.net/cursos/HTML/Leccion02/ComponentesHTML/index.txt www.globalmentoring.com.mx ( ) <a href="http://www.icursos.net">Link a iCursos de Global Mentoring</a> <p> </p> Lista: <select name="lista1"> <option>Valor1</option> <option>Valor2</option> <option>Valor3</option> </select> <!-- Agregamos un parrafo--> <p> </p> Inclusón de imagen: <img src="http://globalmentoring.com.mx/images/logo-top.png" alt="Logotipo Global Mentoring" /> <p> </p> <form name="formulario1" action="/recursoEnServidor"> <fieldset> <legend> Persona: </legend> Name: <input type = "text" size="30" name="nombre" /> <br/> Email: <input type ="text" size="30" name="email"/> <br/> <button type="submit"> Enviar Datos </button> </fieldset> </form> </body> </html> Archivo index.html: http://icursos.net/cursos/HTML/Leccion02/ComponentesHTML/index.txt www.globalmentoring.com.mx El resultado es como sigue: www.globalmentoring.com.mx • Con este ejercicio hemos puesto en práctica algunos componentes HTML, los cuales iremos estudiando a más detalle conforme avancemos en el curso. www.globalmentoring.com.mx Por: Ing. Ubaldo Acosta
Compartir