ssignment 1: Creating a Basic HTML Page with Headings and
A
Paragraphs[18/06/2024]
<title>tag. The page should include at least
Create a basic HTML page with a title in the
three different levels of headings (
<h1> <h2>
, <h3>
, )and a paragraph for each heading
explaining the importance of each heading level in structuring an HTML document.
Additionally, include a paragraph using the<p>tag.
Assignment 2: Creating Lists and Adding Links[18/06/2024]
<p>tag, and both an ordered
Create an HTML page with a title, two paragraphs using the
<ol>
list with at least three items and an unordered list with at least five items using the ,
<ul>
<li>tags. Each list item should describeone feature of HTML. Include at least
, and
<a>tag, andensure each link points to a different website
two links within the lists using the
and opens in a new tab.
Assignment 3: Combining HTML Elements[19/06/2024]
reate an HTML page with a title, a heading using the
C <h2>tag, and a paragraph describing
a topic of your choice. The page should also include a combination of both an ordered list
and an unordered list with at least three items each. Additionally, include at least three links
<a>tag, ensuring thateach link points to a different website and
within the lists using the
opens in a new tab.
Assignment 4: Creating a Basic HTML Table[19/06/2024]
<title>tagand a heading using the
Create an HTML page with a title in the <h1>tag.
<table>tag, witha table header using the
Add a basic HTML table using the <thead>tag,
table body using the
a <tbody>tag, and at least threerows of data. Each row should
contain three columns, and the table should have appropriate headings for each column
<th>tag.
using the
Assignment 5: Styling an HTML Table[21/06/2024]
reate an HTML page with a title, a heading using the
C <h2>tag, and a paragraph describing
the importance of styling tables. Add an HTML table with a table header, table body, and at
least four rows of data. Apply basic CSS styling to the table, including border, padding, and
background color for the header row. Use inline styles or an internal stylesheet to achieve
this.
Assignment 6: Merging Cells in an HTML Table[21/06/2024]
reate an HTML page with a title, a heading using the
C <h2>tag, and a paragraph explaining
the use of merged cells in tables. Create an HTML table with a table header and table body.
colspan
The table should include at least five rows of data and demonstrate the use of the
nd
a rowspanattributes to merge cells both horizontally and vertically. Ensure the table has
a clear structure and is easy to read.
Assignment 7: Introduction to CSS Selectors and Properties[24/06/2024]
reate an HTML page with a title in the
C <title>tagand a heading using the <h1>tag.
Write a paragraph explaining the role of CSS in web page styling. Use internal CSS to
demonstrate different types of selectors (element, class, and ID) and properties. Apply styles
to change the color, font size, and font family of the text. Ensure you include examples of at
least three different CSS properties and values.
Assignment 8: Applying Inline, Internal, and External Style Sheets
[24/06/2024]
reate an HTML page with a title, a heading using the
C <h2>tag, and a paragraph explaining
the difference between inline, internal, and external CSS. In the same document, apply:
Inline CSS to one heading to change its color.
●
● Internal CSS to style a paragraph with a specific font size and background color.
● An external CSS file to style the body background color and add padding to another
paragraph. Link the external CSS file to the HTML document correctly.
Assignment 9: Formatting Text, Backgrounds, and Borders[25/06/2024]
reate an HTML page with a title, a heading using the
C <h3>tag, and three paragraphs. Use
CSS to format the text by changing the font family, font size, and font weight of the first
paragraph. Apply a background color and image to the second paragraph. Add borders to
the third paragraph, experimenting with different border styles, widths, and colors. Ensure all
CSS is included in an internal stylesheet within the HTML document.
