Intro_basicos_HTML_CSS/CursoHTML/09_links.html
2020-11-18 01:21:49 -03:00

58 lines
1.6 KiB
HTML
Executable File

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Links o Vínculos</title>
</head>
<body>
<p id="hola">Hola a Todos!</p>
<!-- Links -->
<!-- Link Remoto -->
Thanks <a href="https://fossheim.io/writing/" target="_blank" title="Fossheim">Link Remoto</a>
<hr>
https://fossheim.io/writing/
<!-- Link Local -->
<a href="03_encabezados.html" target="_blank">Link Local</a>
<hr>
<!-- Link de Correo -->
<a href="mailto:turbo@blaster.com">Link de Correo</a>
<hr>
<!-- Link Anclado -->
<a href="#chao">Link Anclado "Abajo"</a>
<hr>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#hola">Link Anclado "Arriba"</a>
<p id="chao">Hasta Pronto!</p>
<hr>
<!-- Link Local -->
<a href="08_atributos.html"><--Anterior</a>
<a href="10_imagenes.html" target="_self">Siguiente--> </a>
<footer>
<style>
.mifooter {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: magenta;
color: white;
text-align: right;
}
</style>
<div class="mifooter">
<p>Footer</p>
</div>
<p style="text-align:left;">
This text is left aligned
<span style="float:right;">
This text is right aligned
</span>
</p>
<p>Author: Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>