"name" attribute in anchor tag

-
"name" attribute in anchor tag The name attribute is used to create a named anchor.
When using named anchors, you can create links to a specific section on a page, instead of letting your viewer scroll around to see what he/she is looking for.

Example:
In file1.html we have:
<a name="css-tutorials">Go to Home</a>

In file2.html we have:
<a href="file1.html#css-tutorials">Go to CSS Tutorials</a>

Just place the # sign followed by the name attribute value for the file1.html's anchor tag.

Let us take an example:-

In this example, we will create an intra page link which connects the bottom text in a page to the top of the page when clicked on the link
I have created a file test.html

I have created an anchor tag whose name attribute = "top".

The above line specifies a named anchor ,ie., the anchor will be accessed by # sign and the anme attribute's value.

Now we have a long paragraph such that the top anchor is not visible when we are scrolling down to the end of the web page. So, the user needs a mechanism to go the top of the page on one click without scrolling or using the scroll bar ,we write a hyperlink with the #top href attribute.

When the user clicks on the anchor, the screen will automatically scroll up to the top of the page

Comments

Post a Comment

Popular posts from this blog

Parallel Database design, query processing

-
Image
Parallel Database design, query processing, and case study In this post, we are going to analyze the concepts of Parallel Database design, query processing, and case study. Parallel database design Hardware Architecture Data partitioning Query processing Hardware Architecture Shared Memory Shared Disk> Shared Nothing Data Partitioning Partitioning a relation involves distributing its tuples over several disks Three Kinds – Range Partitioning Round-robin Partitioning Hashing Partitioning Range Partitioning is good for Ideal for point and range queries on the partitioning attribute Hash partitioning Ideal for point queries based on the partitioning attribute Ideal for sequential sca...
Read more

Laravel | PHP | Basics | Part 2

-
Image
Learning Laravel through Screenshots Caching Laravel by default supports multiple cache stores like memcached , redis ,etc. To install redis as a cache store, you should use composer install predis/predis predis stands for PHP redis The default port number is 6379 Every Cache store requires a prefix which is stored in the ENV file or in the config/cache.php Following are the cache stores supported by laravel Blade Templates Blade is a templating engine for views in laravel. All the files which are of type blade.php are having the extension .blade.php They are stored in the resources/views directory YOu can create suub-folders in the reosurces/views directory like layouts for all the common UI components lke header , footer, sidebar , navbar, menubar, serach bar, etc. To include the parenet ...
Read more

Apache Hadoop | Running MapReduce Jobs

-
Image
Apache Hadoop | Running MapReduce Jobs After setting up your environment and running the HDFS and YARN daemons, we can start working on running MapReduce jobs on our local machine. We need to compile our code, produce a JAR file, move our inputs, and run a MapReduce job on Hadoop. Step 1 - Configure extra environment variables As a preface, it is best to setup some extra environment variables to make running jobs from the CLI quicker and easier. You can name these environment variables anything you want, but we will name them HADOOP_CP and HDFS_LOC to not potentially conlict with other environment variables. Open the Start Menu and type in 'environment' and press enter. A new window with System Properties should open up. Click the Environment Variables button near the bottom right. HADOOP_CP environment variable This is used to compile your Java files. The backticks (eg. `some command here`) do not work on Win...
Read more