Advertisements
Advertisements
Question
What is Link and explain the types of links.
Solution
Link is an important feature of HTML to connect web resources. Link in HTML is used to create hyperlinks to web content. Web content may be an HTML document or an external webpage or any multimedia content such as an image, video, audio, animation etc., or even a part of the current document.
There are two important things needs to create a link in HTML:
- The name of the file or URL to which you want to link.
- The text that will serve as the clickable link.
The anchor tag <A> is used to create links along with HREF attribute. HREF is abbreviated as “Hypertext Reference”.
Structure of an anchor tag with href:
<A href = ” Web content path / URL “>
Text – Clickable link </A>
Example:
The above link code creates the target of the hyperlink to the website http://thscert.org/ index.html. At the time the user clicks the link, the browser opens the home page of the URL.
Internal Links:
Creating a link to a particular section of the same document is known as Internal Link. To create an internal like, the attribute Name is used along with <A> tag. The Name attribute of <A> tag establish the link to the content within the document.
An HTML code to demonstrate Internal Linking:
<html>
<head>
<title> South India </title>
</head>
<body>
<h1 align = center> South India </h1>
<p> South India is the area encompassing the Indian states of
<A href = #AP> Andhra Pradesh, </A>
<A href = #KR> Karnataka, </A>
<A href = #KL> Kerala, </A>
<A href = #TN> Tamil Nadu </A> and Telangana as well as the union territories of Lakshadweep, Andaman and Nicobar Islands and Puducherry, occupying 19% of India’s area (635,780 km2 or 245,480 sq mi). </p>
<A Name = AP><B> Andhra Pradesh </B> </ A>
<p> Andhra Pradesh is one of the 29 states of India) Situated in the south-east of the country, it is the eighth-largest state in India) The largest city in Andhra Pradesh is Visakhapatnam. </p>
<A Name = KR> <B> Karnataka </B> </A>
<p> Karnataka is a state in the south western region of India) It was formed on 1 November 1956, with the passage of the States Reorganisation Act. Originally known as the State of Mysore, it was renamed Karnataka in 1973. The capital and largest city is Bangalore (Bengaluru). </p>
<A Name = KL> <B> Kerala </B> </A>
<p> Kerala is a state in South India on the Malabar Coast. It was formed on 1 November 1956 following the States Reorganisation Act by combining Malayalam-speaking regions. It is divided into 14 districts with the capital being Thiruvananthapuram.</p>
<A Name = TN> <B> Tamilnadu </B> </A> <p> Tamil Nadu literally ‘The Land of Tamils’ or ‘Tamil Country’ is one of the 29 states of India) Its capital and largest city is Chennai (formerly known as Madras). </p>
</body>
</html>HTML Link colors:
A link will appear in all browsers by default as in the following colour:
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and red
External Link:
Establish link with an external web page in known as external linking. It is made possible by providing the URL of the external file in the HREF attribute of <A> tag of the current page.
An HTML code to demonstrate Linking with an external website/webpage:
<html>
<head>
<title> Links </title>
</head>
<body>
<h1 align=center>
Welcome to <br>
<A href = "http://www.tnscert.org">
State Council of Educational Research
and Training, Tamilnadu </A>
</h1>
</body>
</html>APPEARS IN
RELATED QUESTIONS
What are the types of list in HTML?
How will you define numbered list?
Write an HTML code to display the following text in exactly the same way as given below
I am studying Computer Science Application.
Briefly explain the attributes of <hr> tag.
What are the core tags used to create table in HTML?
Write an HTML code the show the following text:
|
MODERN ATOMIC THEORY The findings of modern atomic theory are given as follows:
|
Explain the attributes used with <table> tag in HTML.
Explain the types of list with suitable HTML code.
Naveen went to an interview for the post of web developer. In the technical test, he was supposed to design an HTML table as given below. Help him to complete the table with the right statements in the blanks. Observe the table and attempt any four questions (out of 5) given after the table).
| Futuristic Time Table | |||
| Period-No | Monday | Wednesday | Friday |
| 1 | Robotics | NLG | NLU |
| 2 | Data Science | Sound | |
| 3 | Light | Machine Learning | |
| 4 | Speed | Velocity | |
<HTML>
<HEAD>
<TITLE> Table Concept </TITLE>
</HEAD>
<BODY>
<Table _________ =2> <!-STATEMENT-1>
<________> Futuristic Time Table</________> <!-STATEMENT-2>
<tr>
<th> Period-No </th>
<th> Monday </th>
<th> Wednesday </th>
<th> Friday </th>
</tr>
<tr>
<td> 1 </td>
<td________=2> Robotics </td> <!-STATEMENT-3>
<td> NLG </td>
<td>NLU </td>
</tr>
<tr>
<td> 2 </td>
<td> Data Science </td>
<td>Sound </td>
</tr>
<tr>
<td> 3 </td>
<td>Light </td>
<td______=2> Machine Learning </td> <!- STATEMENT-4>
</tr>
<tr>
<td> 4 </td>
<td> Speed </td>
<td></td>
<td> Velocity </td>
</tr>
<!- STATEMENT-5>
--------
--------
--------- Write the attribute value to complete Statement-1 to achieve the output given in the above table.
- Write suitable option for the blanks given in Statement-2.
- Write the appropriate answer for the blank given in Statement-3
- Write the appropriate answer for the blank given in Statement-4
- What will be the complete sequence of closing the above html document in statement 5?
Observe the screenshot of the given web page:
Write suitable HTML code to design it.
