Scribd
Upload
5 views1 page

HTML Assignments 3

The document outlines an HTML assignment that requires the creation of two HTML files, each containing headings, paragraphs, and links. It instructs the use of various HTML tags including <h1>, <p>, <ul>, <ol>, <li>, <img>, and <a>, with specific tasks such as adding an unordered list, an image, and a link with a tooltip. Additionally, it mentions modifying the image to serve as a link to the second page.

Uploaded by

samalpha49
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views1 page

HTML Assignments 3

The document outlines an HTML assignment that requires the creation of two HTML files, each containing headings, paragraphs, and links. It instructs the use of various HTML tags including <h1>, <p>, <ul>, <ol>, <li>, <img>, and <a>, with specific tasks such as adding an unordered list, an image, and a link with a tooltip. Additionally, it mentions modifying the image to serve as a link to the second page.

Uploaded by

samalpha49
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

HTML Assignment 3

1. Create an HTML file (e.g. first_page.html) that specifies a page that contains a heading and two
paragraphs of text. Use the HTML tags <h1>, </h1>, <p> and </p> in this exercise. As the texts in the
heading and paragraphs you can use any texts you like.

 Add an unordered list to this web page. An unordered list should look like the following when
it is shown by a browser:
 An unordered list can be specified with the tags <ul> and </ul>.
 An unordered list typically contains a number of list items that can be specified
with tags <li> and </li>.
 After you have created your unordered list, check out what happens when you
convert it to an ordered list by replacing the tags <ul> and </ul> with <ol> and
</ol>, respectively.

 Add an image to your web page. In this exercise you must use the <img> tag. As an image,
you can use any .jpg or .png file you find on the Internet.

2. Create another .html file that contains a heading and a couple of paragraphs. You could name this new
file another_page.html, and you should place it into the same folder where your first .html is. After
you have created the new .html page, add a link to the first page so that the browser will load
another_page.html when you click the text Go to the other page. in the first page. You need to use the
<a> and </a> tags in this exercise. Inside the tag <a> you need to use a href attribute that specifies
which page will be loaded when the link is clicked.

3. HTML tags like <a> can have certain attributes. The href attribute is mandatory in the <a> tag.
Additionally it is possible to use the title attribute which specifies a text that emerges when the mouse
cursor is moved above a link. This kind of text is called a tool tip. Modify the link that you created in
the previous exercise so that a tool tip says "This leads you to another page." when the mouse cursor is
over the link.

4. It is possible to use a picture (image) as a link. Modify your page so that the picture that is on your
page will also serve as a link that leads to another page.

You might also like