Anchor Tags

This is an an example of the anchor tag

To download source code, visit link at bottom of this post 🙂

deprecated in HTML5 but will still work on all browsers

You will need to put an anchor tag around the location you wish to link to as the example below shows:

<a id=”myAnchor” />

Then you will need to create the "link":

<a href=”#myAnchor”>Go to my Anchor</a>

And you are done!

Below is a working example

Hey, visit my anchor!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed tincidunt leo, a consequat nulla. Ut ultrices interdum rutrum. Proin rutrum nec elit at posuere. Nunc libero est, mattis quis cursus et, aliquam eget diam. Sed diam nunc, scelerisque sed tristique eu, varius non diam. Aliquam nec tincidunt metus. Vivamus et posuere ligula. Donec metus quam, pharetra vitae vulputate sed, facilisis non sapien. Pellentesque dolor lorem, sollicitudin eget ipsum eu, aliquet auctor purus. Mauris scelerisque metus id tincidunt auctor. Pellentesque gravida ligula vel mollis pulvinar.

Mauris purus justo, sagittis eu vestibulum vitae, hendrerit nec dolor. Vivamus sed elit ac sapien imperdiet aliquam. Quisque mollis turpis vitae venenatis ultrices. Duis luctus magna erat, quis blandit nunc sagittis iaculis. Ut a tincidunt risus. Quisque semper elit nec nisi consectetur, vitae tincidunt sapien egestas. Nullam aliquam placerat nibh quis pretium. Pellentesque sem lorem, molestie eget euismod et, dictum sit amet est. Mauris sit amet libero tristique, imperdiet massa vel, laoreet sapien.

Integer eu pellentesque libero. Duis rutrum egestas sem, vitae molestie neque varius vitae. Pellentesque egestas purus nec elit ultricies, nec molestie elit dictum. In hac habitasse platea dictumst. In dolor nibh, ornare et purus in, ultricies sagittis lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam mollis, lorem sit amet scelerisque cursus, risus enim euismod enim, eget aliquet mi diam sit amet nisi. Pellentesque congue, neque ut viverra ultrices, velit turpis posuere libero, id scelerisque magna erat ac nulla. Nam vehicula feugiat sapien, ac congue ligula commodo aliquam. Pellentesque orci turpis, luctus id quam fringilla, facilisis dignissim purus. Phasellus a felis vulputate, adipiscing dolor a, gravida tellus. Praesent vitae pellentesque nunc, quis placerat nisi. Cras non turpis orci. Sed ut gravida massa, ut gravida justo. Curabitur malesuada facilisis sem at ultricies.

This is where the achor ties to

Quisque sollicitudin eros at diam rhoncus, vitae malesuada turpis egestas. Curabitur purus tellus, gravida at egestas a, mollis ut tellus. Pellentesque consectetur, nibh a pretium auctor, mi nibh rhoncus elit, at ultrices turpis nunc at velit. Pellentesque id varius lacus. Proin sodales diam libero, blandit laoreet nisi egestas ut. Proin sapien ante, aliquet sit amet lorem quis, facilisis molestie massa. Aliquam sed eros consequat, ultrices quam sed, congue urna.

Integer at mi imperdiet, rhoncus metus congue, ornare risus. In gravida augue ut tincidunt facilisis. Nunc ut velit vulputate erat accumsan tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sed odio auctor, tempor neque non, lobortis eros. Proin a nisi tempor, pellentesque lacus sit amet, consequat arcu. Aenean interdum nulla vestibulum turpis commodo, ut facilisis turpis scelerisque. Suspendisse dapibus semper ultricies.

Get Source Code.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge