HTML5 <a> tag: Basic Exercises, Practice, Solution

Last update on May 28 2022 07:42:55 (UTC/GMT +8 hours)

[An editor is available at the bottom of the page to write and execute the scripts.]

2. Create a hyperlink with in a document.
Sample link: example.com.

Attributes (link tag)

a. Download a file when clicking on the link.
Sample file name and path : www.w3resource.com/images/w3resourcelogo.gif

b. Specify the language of the document in a given link.
Sample link : <a href="https://https://www.w3resource.com">w3resource</a>

Click me to see the solution

c. How to create a hyperlink to take you to another part of the same HTML document?

Click me to see the solution

d. Create a link with a media attribute.

Click me to see the solution

e. Create a nofollow link.

Click me to see the solution

f. How to open a linked document in a separate browser tab?

Click me to see the solution

g. What shall be the correct value of the media attribute of a hyperlink which points to an HTML document?.

Click me to see the solution

See the Pen html css common editor by w3resource (@w3resource) on CodePen.

Previous: Comment the second paragraph of the following HTML document?
Next: How to author an abbreviation or an acronymn?

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

HTML-CSS: Tips of the Day

What is the difference between id and class in CSS, and when should I use them?

Example:

<div id="header_id" class="header_class">
Text
</div>

#header_id {font-color:#fff}
.header_class {font-color:#000}

(Note that CSS uses the prefix # for IDs and . for Classes.)

However color was an HTML 4.01 <font> tag attribute deprecated in HTML 5. In CSS there is no "font-color", the style is color so the above should read:

Example:

<div id="header_id" class="header_class">
Text
</div>

#header_id {color:#fff}
.header_class {color:#000}

The text would be white.

Ref: https://bit.ly/39Stv4P