 |
| HTML and CSS tutorial for beginners in English |
Hello friends, welcome to KTL's HTML and CSS tutorial. Today we will study lesson 10.
In our previous lesson, we studied inserting images in a web page.
Today we will study about hyperlinks.
HTML hyperlinks
Hyperlink is used to create a link to another web page or object. We can specify the web page name of linked web page. This linked web page is opened on clicking hyperlink. The link may point to a page in same website itself or it can be an url pointing to a page in another web site.<a> tag is used to create a hyperlink. Here "a" stands for anchor.
Create hyperlink in HTML script
Let us write our script. Open a new Notepad file and copy everything from lesson-9.Remove first <img> line and keep second <img> line.
Below this <img> give <br /><br /> and insert following line.
<a href="Lesson-09.html">Output of Lesson 09</a>
<a> tag has an attribute "href". It is used to specify name of web page to be linked. In above statement on clicking this link we go in web page "Lesson-09.html". After <a> tag, we write text to be displayed on the link. In our example "Output of Lesson 09" is displayed on link.
 |
| Figure 10-1 HTML a tag - creating hyperlink |
Click on figure 10-1 for PDF file of source code. Save this script as Lesson-10. Again save it as "Lesson-10.html". Double click on HTML file and see the output.
 |
| Figure 10-2. Hyperlink |
Hyperlink is displayed below our image. Click on this link. Output of lesson-09 is displayed.
Note that hyperlink is displayed in blue color and it is underlined. After clicking on this link it becomes purple and it is underlined. By default hyperlinks are displayed in blue color and underlined. Visited links are displayed in purple color.
In the similar way, we can link an image using <image> tag inside <a> tag.
Important Points:
1. Tag used to create a hyperlink is <a>. Here "a" means anchor.2. "href" attribute is used to specify the name of web page linked.
3. Hyperlinks are blue and underlined. Visited links are purple and underlined.
Lesson-09 Lesson-11
