logo

Very Short Question and Answers - Linking Email Addresses and Images

Q 1.
What attribute is used in the <a> tag to create a link to an email address?

Ans:

The 'href' attribute is used with a 'mailto:' value to create an email link.

Q 2.
Write the HTML code to create a link that opens the user's email app to send an email to 'student@example.com'.

Ans: 

<a href="mailto:student@example.com">Email the Student</a>
Q 3.
How can you make an image clickable so that it links to an external website?

Ans:

By placing an <img> tag inside an <a> tag with the website URL in the href attribute.

Q 4.
What does clicking on a link with 'mailto:teacher@example.com' do in a browser?

Ans:

It opens the default email application with 'teacher@example.com' in the To field.

Q 5.
How do you pre-fill the subject and body of an email using the <a> tag?

Ans:

By adding '?subject=...' and '&body=...' parameters to the mailto: link, e.g. href="mailto:example@example.com?subject=Hello&body=Hi there!".

Q 6.
Write HTML code to make an image 'logo.png' a link to 'https://www.cbse.gov.in'.

Ans: 

<a href="https://www.cbse.gov.in"><img src="logo.png" alt="Logo"></a>
Q 7.
What is the use of the alt attribute in the <img> tag inside an anchor tag?

Ans:

It provides alternative text describing the image, which is useful if the image doesn't load or for screen readers.

Q 8.
Can you use both an image and mailto link together in an anchor tag? Give an example.

Ans:

Yes. Example:

<a href="mailto:teacher@example.com"><img src="icon.png" /></a>
Q 9.
What will happen if you click an image wrapped inside <a href="mailto:abc@xyz.com">?</a>

Ans:

Clicking the image will open the default email app to send an email to abc@xyz.com.

Q 10.
How do you specify both width and height for an image used in a link?

Ans:

By including width and height attributes in the <img> tag, like

<img src="..." width="50" height="50">
Q 11.
Write an HTML snippet to create an email link that pre-fills the subject as 'Homework Query'.

Ans: 

<a href="mailto:teacher@example.com?subject=Homework%20Query">Email with Subject</a>
Q 12.
Why might you use an image as a link instead of text?

Ans:

To create a more visually appealing or recognizable clickable area, like a button or icon.

Q 13.
How do you open the mail client with both a subject 'Hello' and the email body filled with 'I have a doubt'?

Ans:

Use:

<a href="mailto:email@example.com?subject=Hello&body=I%20have%20a%20doubt">Email Link</a>
Q 14.
What protocol is used in the href attribute to create email links?

Ans:

The 'mailto:' protocol is used in the href attribute.

Q 15.
Write HTML to make a clickable email icon 40x40 pixels, which sends to 'info@school.in'.

Ans: 

<a href="mailto:info@school.in"><img src="email-icon.png" width="40" height="40" alt="Email Icon"></a>
Q 16.
Can you add a subject and body to a mailto link at the same time? If so, how?

Ans:

Yes. Both can be added by separating them with '&', e.g., mailto:email@example.com?subject=Test&body=Hello.

Q 17.
What is one benefit of pre-filling the subject and body in a mailto link?

Ans:

It saves time and provides guidance on what the email should be about.

Q 18.
Which tag combination creates a clickable logo image that downloads nothing but opens a web page?

Ans:

A combination of

<a href="URL">
  <img src="logo.png" />
</a>

creates a clickable logo that opens a web page.

Q 19.
Is it possible to use a mailto link without any link text or image? What will happen?

Ans:

Yes, but no visible link will appear, so users cannot click it.

Q 20.
Summarize three different uses of the <a> tag explained in the content above.

Ans:

    1. Linking to email addresses with 'mailto:'.
    1. Making images clickable as web links.
    1. Using images as clickable links to email addresses.

Back to Topics

Take the test