CHTML-B-Ejercicio-02-ComponentesTexto

•

Outros

0

marketingdigital1995

17/6/2023

¡Estudia con miles de materiales!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Libros

93.136 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

www.globalmentoring.com.mx
www.globalmentoring.com.mx
Poner en práctica los componentes de texto de HTML. Al 
finalizar deberemos observar lo siguiente:
www.globalmentoring.com.mx
Abrimos el proyecto ComponentesHTML. Agregamos lo 
siguiente:
www.globalmentoring.com.mx
( )
Agregamos el archivo componentesTexto.html
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Componentes HTML</title>
</head>
<body>
<h1>Algunos Componentes HTML</h1>
<p>
Liga a componentes de texto
<a href="componentesTexto.html">Liga a Componentes de Texto</a>
<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/02-ComponentesTexto/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/02-ComponentesTexto/index.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Componentes Texto</title>
</head>
<body>
<p>&nbsp;&nbsp;&nbsp;&nbsp;Agregamos un parrafo nuevo</p>
<p>Segundo parrafo <br/> texto en la siguiente linea </p>
</body>
</html>
Archivo componentesTexto.html:
http://icursos.net/cursos/HTML/Leccion02/02-ComponentesTexto/componentesTexto.txt
www.globalmentoring.com.mx
El resultado es como sigue:
www.globalmentoring.com.mx
• Con este ejercicio hemos puesto en práctica los elementos 
de texto que podemos manejar con HTML.
• También vimos cómo ligar los documentos y así empezar a 
entrelazarlos, con el uso de hipervínculos, los cuales 
estudiaremos más a detalle posteriormente.
www.globalmentoring.com.mx
Por: Ing. Ubaldo Acosta