Hola a todos, y bienvenidos a la quinta lección del Curso de Introducción a la creación de páginas web con HTML5.
Como algunos ya sabéis, las siglas HTML vienen de HyperText Markup Language. En castellano sería, lenguaje de marcas de hipertexto. Bien, pues en esta clase vamos a hablar de la H, o lo que es lo mismo, los enlaces.
Este es otro de los temas principales cuando hablamos del desarrollo web. Por esto también nos servirá para tener una idea general sobre el directorio de una web, y como funciona.
Nos ponemos a ello. ¡Presta atención al vídeo!
RESUMEN DEL VÍDEO:
Hoy veremos los enlaces. Se crean con la etiqueta <a> y se utiliza el atributo “href” para definir la url de la fuente del enlace. Se pueden poner enlaces tanto a otras páginas webs como a documentos internos que defina el usuario. También vemos los enlaces tipo ancla, que permiten desplazarnos a través de nuestra propia página.
CÓDIGO DE EJEMPLO:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mi quinta clase con TUTORIALESDEPROGRAMACIÓN.COM</title>
</head>
<body>
<p><a href="https://www.google.es/">Enlace a Google</a></p>
<p><a href="https://progrademia.com/curso/html5/4-atributos-de-las-etiquetas/">Cuarta Clase</a></p>
<a href="#abajo">Ir abajo</a>
<a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quam nibh, pellentesque eget cursus sed, tempor et nisl. Phasellus vel ornare eros. Praesent ut malesuada libero, elementum aliquet augue. Proin elementum magna mi, in pretium turpis hendrerit eu. Mauris felis erat, feugiat id varius sit amet, fringilla vel magna. Fusce sodales finibus nunc, vel vulputate tellus commodo a. Morbi pretium hendrerit lorem, vel finibus nisi dapibus a. Sed pretium nec ligula eu efficitur. Curabitur mollis quis diam consequat tristique. Nullam et diam sed felis maximus tempor sed ut ante. Quisque auctor laoreet dui et maximus. Duis eget odio condimentum dolor tempus gravida ut id libero. Aliquam ex eros, sagittis non consectetur eu, tempor id sem.
Duis auctor felis sit amet ex hendrerit ornare. Integer id condimentum quam. Phasellus auctor nunc et purus bibendum condimentum. Aenean ut tellus et est commodo laoreet eu sed sem. Maecenas suscipit magna vitae dui suscipit, sit amet pulvinar arcu pulvinar. Duis efficitur, arcu id iaculis accumsan, purus urna mollis diam, vitae varius purus dolor ut mauris. Aenean feugiat odio eu eros venenatis auctor. Integer at justo non est ornare iaculis. Aliquam porta nulla sem, dictum commodo nisi rhoncus et.
Nulla cursus mattis nisl eget condimentum. Nullam vitae mauris congue, aliquet enim in, auctor massa. In hac habitasse platea dictumst. Aliquam nunc purus, accumsan lacinia accumsan eget, venenatis vitae metus. Nulla vulputate consectetur ipsum, at tempor odio dapibus eu. Curabitur at aliquet nulla. Nullam tempus elit sed enim tincidunt, et mollis sem porttitor. Suspendisse a nunc consequat, pulvinar tortor quis, aliquet augue. Vivamus pulvinar velit sit amet lectus venenatis, eget hendrerit turpis ultricies.
Sed ac sem quis sapien dictum placerat in nec velit. Praesent egestas viverra lorem id venenatis. Mauris eu accumsan nunc. Nunc lacinia ultricies augue, vel bibendum ligula eleifend a. Fusce sit amet nulla porttitor, viverra elit id, vulputate massa. Sed nec mauris dolor. Proin vel fringilla sem. Donec metus elit, venenatis a mattis ac, bibendum eget neque. Integer sagittis placerat odio, eget pellentesque eros maximus vel. Phasellus ultricies sagittis eros, sit amet condimentum nisl ullamcorper at. Etiam consequat turpis eu sollicitudin dictum. Morbi a justo orci. Vestibulum ultrices volutpat aliquam.
Aliquam erat volutpat. Phasellus vitae velit molestie, varius turpis non, vehicula est. Maecenas dolor neque, luctus ac felis vel, semper interdum enim. Aenean ornare tellus fringilla, dapibus ligula et, ullamcorper urna. Mauris lobortis bibendum tincidunt. Etiam sed turpis vel diam tincidunt efficitur. Maecenas ut lacinia erat, nec consectetur orci. Donec cursus quis nibh vel mattis. Nunc non malesuada nulla. Sed sed ligula at lorem tincidunt porta in et lorem. Maecenas at massa augue. Ut pretium, urna ac sollicitudin semper, quam purus pellentesque nunc, sit amet aliquam nisi sem eget felis. Suspendisse dolor lacus, aliquam in turpis at, tincidunt condimentum massa.
Integer eget luctus ipsum. Sed non vulputate nisi. Suspendisse nec felis nisi. Vivamus sed imperdiet est. Mauris ultricies turpis et dictum finibus. Nulla feugiat laoreet nibh, sit amet ornare lectus dictum nec. Pellentesque hendrerit sem in leo mollis mollis. Morbi non nulla bibendum, varius dui eu, facilisis odio. Aliquam vel sodales augue. Aenean auctor tincidunt eleifend. Maecenas eleifend, leo ut mattis convallis, justo leo dictum ipsum, at rhoncus nibh libero sed leo. Nunc non tortor tincidunt, vestibulum felis sed, egestas mi. Quisque eu ornare neque. Quisque sit amet tristique dui. Duis tristique egestas nisl, a pharetra ex varius non. Nulla id diam diam.
Sed fermentum sem quis hendrerit hendrerit. Donec sit amet ultrices augue. Praesent mi nibh, egestas sit amet ultrices ac, maximus gravida odio. Phasellus ullamcorper leo leo, vitae aliquet libero accumsan venenatis. Nam porttitor velit eu fringilla euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vel consequat felis, nec rutrum odio. Nullam nec congue mauris. Vivamus fermentum molestie tortor. Curabitur bibendum lectus eu quam eleifend, ut rhoncus magna pharetra. Curabitur interdum nisl sem, in placerat elit interdum vel. Aenean posuere turpis vitae risus elementum dignissim. Sed quis eros ut magna condimentum ultricies sed vestibulum sapien.
Curabitur interdum nulla lorem, quis egestas nisi egestas vitae. Aliquam neque diam, commodo sit amet ipsum et, mollis mattis sem. Quisque auctor ligula ipsum, vel suscipit ligula malesuada sed. Suspendisse condimentum molestie vestibulum. Cras vel dolor a arcu commodo dictum vel quis sapien. In efficitur sapien vel dolor vehicula, nec fermentum purus tincidunt. Nullam egestas, sapien ac dapibus cursus, velit sapien vehicula neque, sit amet tincidunt neque lacus non magna. Pellentesque sodales nibh eu sapien bibendum, et fringilla justo sollicitudin.
Donec sollicitudin urna a aliquam feugiat. Etiam viverra suscipit tincidunt. Nam orci tellus, euismod ac hendrerit sit amet, sodales a tellus. Praesent tortor erat, porta sit amet egestas et, gravida a velit. Nunc interdum aliquam nisi eget finibus. Nunc laoreet arcu quis mauris pretium, ut varius sem congue. Nam ullamcorper faucibus est, in imperdiet massa euismod mollis. Suspendisse hendrerit massa sed ipsum mollis accumsan. Morbi mollis dignissim mauris a consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce vitae tortor rutrum, pulvinar sem a, efficitur leo. Morbi eu maximus nulla, vitae sollicitudin orci. Vestibulum elit ipsum, posuere in odio id, sagittis cursus odio.
</a>
<a name="abajo"></a>
</body>
</html>
Con esto hemos completado el ecuador del curso ¿Cómo llevas tu página web?
Nos vemos en la próxima lección, para hablar de las listas. ¡Hasta luego!