Scribd
Upload
3 views2 pages

HTML Tags Ps

The document outlines a problem set for an Introduction to Computer Science course in Fall 2024, consisting of 20 practice exercises focused on HTML. It covers basic structure, text formatting, lists, links and images, tables, forms, and multimedia embedding. Students are instructed to create various HTML elements and structures to enhance their web development skills.

Uploaded by

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

HTML Tags Ps

The document outlines a problem set for an Introduction to Computer Science course in Fall 2024, consisting of 20 practice exercises focused on HTML. It covers basic structure, text formatting, lists, links and images, tables, forms, and multimedia embedding. Students are instructed to create various HTML elements and structures to enhance their web development skills.

Uploaded by

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

Introduction to Computer Science Fall 2024

Problem Set HTML: 20 practice exercises

Basic Structure

1. Create a simple HTML document with a <!DOCTYPE> declaration, <html>, <head>, and <body>
tags.

2. Add a <title> tag inside the <head> section and set the title to "My First Webpage."

Text Formatting

3. Use <h1> to <h6> tags to display headings of various sizes.

4. Write a paragraph using the <p> tag about your favorite hobby.

5. Highlight a word in bold using the <b> tag and another word in italics using the <i> tag.

6. Add a blockquote using the <blockquote> tag with your favorite quote.

7. Strike through some text using the <s> tag.

Lists

8. Create an ordered list (<ol>) of your top 3 favorite movies.

9. Create an unordered list (<ul>) of 5 items you want to buy.

10. Nest an unordered list inside an ordered list (e.g., main list categories with subcategories).

Links and Images

11. Add a hyperlink (<a> tag) to a website of your choice. Make the text clickable.

12. Add an image to your page using the <img> tag. Use an online image URL.

13. Create a link that opens in a new tab using the target="_blank" attribute.

14. Add an image with alternate text (alt attribute) for accessibility.

Tables

15. Create a table with 3 columns and 2 rows using the <table>, <tr>, <td>, and <th> tags.

College of Engineering 1
Introduction to Computer Science Fall 2024

16. Add a table header row using the <th> tag to describe each column.

Forms

17. Create a form using the <form> tag with a text input field (<input type="text">) and a submit button
(<input type="submit">).

18. Add a dropdown menu to your form using the <select> and <option> tags.

19. Include a checkbox and a radio button in your form.

Multimedia

20. Embed a YouTube video on your page using the <iframe> tag.

College of Engineering 2

You might also like