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

[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.

Click me to see the solution

Attributes (link tag)

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

Click me to see the solution

b. Specify the language of the document in a given link.
Sample link : <a href="http://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

Two inline-block, width 50% elements wrap to second line:

It is because display:inline-block takes into account white-space in the html. If you remove the white-space between the div's it works as expected.

<div id="col1">content</div><div id="col2">content</div> 

Ref: https://bit.ly/2zyZHEt