Nehalennia informatica, HTML5 en webdesign v2023 hfdst 5

Niet in het boek vermeld, maar het is ook mogelijk om naar bepaalde plaatsen (anchor = anker) op dezelfde pagina te springen. Dat kan handig zijn als een pagina erg lang is.
Op een bepaalde plaats zet je dan

    <a name="beneden"></a>

En je verwijst ernaar met

    <a href="#beneden">naar beneden</a>

Zo verwijst deze link naar het einde van deze lange pagina.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla enim odio, rhoncus nec bibendum eu, pharetra ut massa. Phasellus vitae venenatis erat. Phasellus aliquet elementum magna, et finibus arcu tempus ac. Vivamus tortor diam, placerat non neque vitae, egestas sollicitudin diam. Ut gravida metus ut odio vulputate viverra. Donec semper id tortor in sodales. Praesent urna lectus, elementum id vestibulum sed, tincidunt porta quam. Praesent semper a tellus quis sagittis. Donec tristique sodales eros, vitae tincidunt sapien tristique sed. Pellentesque vel odio dolor. Proin a gravida risus. Vivamus faucibus pretium libero a ultricies. Integer ut erat leo. Pellentesque dui augue, dapibus a mi a, ullamcorper dignissim felis. Aenean volutpat libero vitae ex molestie posuere. Donec sit amet augue vel elit varius porta sed commodo mi. Pellentesque scelerisque semper ligula id consequat. Integer fringilla odio at tellus volutpat, a vehicula mauris elementum. Nullam eu euismod felis. Vivamus odio mi, pharetra ut erat eget, fringilla dapibus nunc. Duis efficitur tristique ultrices. Aliquam quis tortor eu risus viverra consequat. Morbi egestas lectus ullamcorper mattis porttitor. Proin scelerisque, dui id rutrum tempus, elit mi ultricies nisl, ac mattis sem lectus nec nunc. Praesent a augue quis augue tincidunt pulvinar in sed velit. Integer vitae malesuada lorem. Fusce sit amet odio mi. Phasellus nulla leo, rutrum ut metus sed, lacinia laoreet magna. Cras maximus molestie neque bibendum scelerisque. Sed quis placerat nulla, id luctus quam. Sed rutrum erat eu ligula cursus finibus. Vestibulum semper augue a arcu ullamcorper porta. Phasellus venenatis facilisis nulla, non finibus ligula placerat id. Nulla id purus bibendum, vestibulum tortor non, laoreet nisi. Pellentesque diam quam, tincidunt nec mollis vel, porttitor in mi. In in semper nibh, laoreet malesuada ligula. Sed luctus pulvinar erat, eu varius diam ullamcorper ac. Donec non euismod ex, at egestas tellus. Morbi dictum sem a gravida aliquet. Nullam id sem varius, bibendum lacus ut, consequat ex. Cras turpis nibh, dictum a purus maximus, venenatis cursus quam. Vestibulum iaculis consectetur massa eget semper. Duis maximus sagittis molestie. Vestibulum et imperdiet velit. Fusce tempus lacus risus, a lobortis leo mattis quis. Maecenas orci risus, tincidunt at iaculis sed, facilisis quis libero. Nulla posuere, risus nec dictum finibus, erat odio blandit erat, ac finibus arcu nunc quis magna. Nullam justo eros, tempor a vestibulum nec, varius sit amet urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras aliquam tellus at tempus gravida. Morbi lacinia, erat nec consectetur elementum, ligula quam blandit ex, sed pharetra orci enim in neque. Quisque eu tincidunt neque. Duis nec convallis massa, non efficitur metus. Quisque eget ante ac dolor consectetur fringilla vitae viverra tortor. Nulla eget iaculis lacus, a egestas neque. Aliquam eget blandit sem, ac pellentesque tellus. Nunc laoreet turpis quis dolor varius, at vestibulum odio dictum. Aenean non tortor non libero mattis aliquet. Nullam ornare id lorem quis bibendum. Vestibulum pretium id eros in elementum. Ut venenatis facilisis purus nec mollis. Pellentesque gravida viverra diam vel rhoncus. Suspendisse condimentum lacus eu finibus gravida. Pellentesque dolor tellus, vestibulum in justo nec, convallis consequat turpis. Duis sagittis eros non egestas tincidunt. Cras molestie ligula a diam molestie consectetur.




Zo verwijst deze link naar het begin van deze lange pagina.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla enim odio, rhoncus nec bibendum eu, pharetra ut massa. Phasellus vitae venenatis erat. Phasellus aliquet elementum magna, et finibus arcu tempus ac. Vivamus tortor diam, placerat non neque vitae, egestas sollicitudin diam. Ut gravida metus ut odio vulputate viverra. Donec semper id tortor in sodales. Praesent urna lectus, elementum id vestibulum sed, tincidunt porta quam. Praesent semper a tellus quis sagittis. Donec tristique sodales eros, vitae tincidunt sapien tristique sed. Pellentesque vel odio dolor. Proin a gravida risus. Vivamus faucibus pretium libero a ultricies. Integer ut erat leo. Pellentesque dui augue, dapibus a mi a, ullamcorper dignissim felis. Aenean volutpat libero vitae ex molestie posuere. Donec sit amet augue vel elit varius porta sed commodo mi. Pellentesque scelerisque semper ligula id consequat. Integer fringilla odio at tellus volutpat, a vehicula mauris elementum. Nullam eu euismod felis. Vivamus odio mi, pharetra ut erat eget, fringilla dapibus nunc. Duis efficitur tristique ultrices. Aliquam quis tortor eu risus viverra consequat. Morbi egestas lectus ullamcorper mattis porttitor. Proin scelerisque, dui id rutrum tempus, elit mi ultricies nisl, ac mattis sem lectus nec nunc. Praesent a augue quis augue tincidunt pulvinar in sed velit. Integer vitae malesuada lorem. Fusce sit amet odio mi. Phasellus nulla leo, rutrum ut metus sed, lacinia laoreet magna. Cras maximus molestie neque bibendum scelerisque. Sed quis placerat nulla, id luctus quam. Sed rutrum erat eu ligula cursus finibus. Vestibulum semper augue a arcu ullamcorper porta. Phasellus venenatis facilisis nulla, non finibus ligula placerat id. Nulla id purus bibendum, vestibulum tortor non, laoreet nisi. Pellentesque diam quam, tincidunt nec mollis vel, porttitor in mi. In in semper nibh, laoreet malesuada ligula. Sed luctus pulvinar erat, eu varius diam ullamcorper ac. Donec non euismod ex, at egestas tellus. Morbi dictum sem a gravida aliquet. Nullam id sem varius, bibendum lacus ut, consequat ex. Cras turpis nibh, dictum a purus maximus, venenatis cursus quam. Vestibulum iaculis consectetur massa eget semper. Duis maximus sagittis molestie. Vestibulum et imperdiet velit. Fusce tempus lacus risus, a lobortis leo mattis quis. Maecenas orci risus, tincidunt at iaculis sed, facilisis quis libero. Nulla posuere, risus nec dictum finibus, erat odio blandit erat, ac finibus arcu nunc quis magna. Nullam justo eros, tempor a vestibulum nec, varius sit amet urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras aliquam tellus at tempus gravida. Morbi lacinia, erat nec consectetur elementum, ligula quam blandit ex, sed pharetra orci enim in neque. Quisque eu tincidunt neque. Duis nec convallis massa, non efficitur metus. Quisque eget ante ac dolor consectetur fringilla vitae viverra tortor. Nulla eget iaculis lacus, a egestas neque. Aliquam eget blandit sem, ac pellentesque tellus. Nunc laoreet turpis quis dolor varius, at vestibulum odio dictum. Aenean non tortor non libero mattis aliquet. Nullam ornare id lorem quis bibendum. Vestibulum pretium id eros in elementum. Ut venenatis facilisis purus nec mollis. Pellentesque gravida viverra diam vel rhoncus. Suspendisse condimentum lacus eu finibus gravida. Pellentesque dolor tellus, vestibulum in justo nec, convallis consequat turpis. Duis sagittis eros non egestas tincidunt. Cras molestie ligula a diam molestie consectetur.
Zo verwijst deze link naar de helft van deze lange pagina.