This project aims to showcase HTML and CSS skills through the completion of various tasks in the ALX Introduction to Software Engineering programme . It consists of three files: html_basics,css_basics and html_advanced. Each file focuses on different levels of HTML and CSS proficiency.
The html_basics file covers the fundamentals of HTML. It includes the following tasks:
- Structuring the Page: Demonstrates the ability to create a well-structured HTML document using appropriate elements such as
<html>,<head>, and<body>. - Adding Headings and Paragraphs: Involves using
<h1>to<h6>tags for headings and<p>tags for paragraphs to organize the content. - Creating Lists: Utilizes
<ul>,<ol>, and<li>tags to create unordered and ordered lists. - Inserting Images: Demonstrates the ability to add images to the web page using the
<img>tag. - Creating Links: Involves linking internal and external pages using the
<a>tag.
The html_advanced file focuses on advanced HTML concepts. It includes the following tasks:
- Semantic HTML: Demonstrates the usage of semantic HTML elements such as
<header>,<nav>,<main>,<section>,<article>, and<footer>to provide meaningful structure and improve accessibility.
The css_basics file focuses on CSS concepts.
- CSS Styling: Utilizes CSS rules and properties to style the HTML elements. This includes changing fonts, colors, backgrounds, and applying layout techniques.
- Responsive Design: Implements responsive design principles to ensure the web page adapts to different screen sizes and devices using CSS media queries.
- CSS Flexbox or Grid: Demonstrates proficiency in CSS Flexbox or CSS Grid to create responsive layouts and positioning of elements.
Feel free to explore and learn from the code in these files. If you have any questions or feedback, please don't hesitate to reach out.