Logo Studenta

CHTML-B-Ejercicio-01-ComponentesHTML

¡Estudia con miles de materiales!

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

Continuar navegando