« anterior próximo »
Páginas: [1]

Autor Tema: HTML Cómo enlazar varias páginas poder navegar de unas a otras links CU00730B  (Leído 2375 veces)

HumbertoAli

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 21
    • Ver Perfil
HTML Cómo enlazar varias páginas poder navegar de unas a otras links CU00730B
« en: 16 de Mayo 2017, 01:56 »
Acá mi solucion al siguiente ejercicio del tutorial de programación web con HTML:

Citar
Crea tres archivos HTML con diferente contenido y guárdalos con tres nombres de archivo distintos, por ejemplo webpage1.html, webpage2.html y webpage3.html. Establece links entre cada una de las páginas webs para que se pueda pasar de una a otra, por ejemplo desde webpage1.html hemos de poder pasar con un link a webpage2.html y webpage3.html, etc.. A continuación sube los tres documentos HTML al servidor y comprueba que puedan visualizarse y navegar mediante los links entre una página y otra.

paginawebn1:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ejemplo del uso de marcadores - aprenderaprogramar.com</title>
    </head>
    <body>
<a href="https://www.aprenderaprogramar.com">Acceder a la página web aprenderaprogramar.com</a>
<br />
<a href="paginawebn2.html" target="_blank">Acceder a la página web webpage2.html</a>
<br />
<a href="paginawebn3.html" target="_blank">Acceder a la página web webpage3.html</a>
</body>
</html>
paginawebn2:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejercicio del uso de listas</title>
    </head>
    <body>
<ol style="list-style-type:decimal">
<li value="1">Doctores.</li>
<ul style="list-style-type:disc">
<li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl Moreno</li>
</ul>
<hr style="height:10px; color: black; background-color: blue; width: 50%" />
<li>Ayudantes.</li>
<ul style="list-style-type:disc">
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height:10px; color: black; background-color: blue; width: 50%" />
<li>Auxiliares.</li>
<ul style="list-style-type:disc">
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
<hr style="height:10px; color: black; background-color: blue; width: 50%" />
</ol>
<br /><br />
<a href="paginawebn1.html" target="_blank">Acceder a la página web webpage1.html</a>
<br /><br />
<a href="paginawebn3.html" target="_blank">Acceder a la página web webpage3.html</a>
</body>
</html>
paginawebn3:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejercicio del uso de formularios</title>
    </head>
<body>
<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>
<form>
<p>
<h2>Inscripción al Congreso para médicos especialistas</h2>
<label for="nombreEspecialista">Nombre: </label>
<input type="text" name="nombreEspecialista" id="nombreEspecialista">
<br/> <br/>
<label for="apellidosEspecialista">Apellidos: </label>
<input type="text" name="apellidosEspecialista" id="apellidosEspecialista">
<br/> <br/>
<label for="especialidad">Especialidad: </label>
<input type="text" name="especialidad" id="especialidad">
<br/> <br/>
<label for="añoEspecialista">Año de obtencion de la especialidad: </label>
<input type="text" name="añoEspecialista" id="añoEspecialista">
<br/> <br/>
</p>
</form>
<form>
<p>
<h2>Inscripción al congreso para médicos generalistas</h2>
<label for="nombreGeneralista">Nombre: </label>
<input type="text" name="nombreGeneralista" id="nombreGeneralista">
<br/> <br/>
<label for="apellidosGeneralista">Apellidos: </label>
<input type="text" name="apellidosGeneralista" id="apellidosGeneralista">
<br/> <br/>
<label for="centroMedico">Centro Medico donde ejerce: </label>
<input type="text" name="centroMedico" id="centroMedico">
<br/> <br/>
<label for="añoGeneralista">Año de obtencion del titulo: </label>
<input type="text" name="añoGeneralista" id="añoGeneralista">
<br/> <br/>
</p>
</form>
<a href="paginawebn1.html" target="_blank">Acceder a la página web webpage1.html</a>
<br /><br />
<a href="paginawebn2.html" target="_blank">Acceder a la página web webpage2.html</a>
</body>
</html>
los links:


http://humbertocv.byethost15.com/paginawebn1.html
http://humbertocv.byethost15.com/paginawebn2.html
http://humbertocv.byethost15.com/paginawebn3.html
« Última modificación: 15 de Junio 2017, 21:09 por Ogramar »
En línea

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Cómo subir nuestra web al servidor HTML (Internet) (CU00730B)
« Respuesta #1 en: 16 de Mayo 2017, 23:05 »
Hola Humberto

Tus códigos hacen lo que pide el enunciado.

Saludos. ;D
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".