Welcome to the Learning HTML repository! This repository is a collection of HTML concepts, code snippets, and exercises that I've learned and documented. It's designed to help anyone interested in HTML, whether you're a beginner or looking to refresh your knowledge.
This repository covers a variety of HTML topics, from the basics of tags and structure to more advanced features. Each section includes explanations, example code, and exercises to help reinforce learning.
-
HTML Basics
- Introduction to HTML
- Basic tags:
<html>,<head>,<body>,<title> - Structuring content with headers, paragraphs, and line breaks
- Emphasis and strong tags:
<em>,<strong>
-
Working with Text and Links
- Text formatting:
<b>,<i>,<u> - Creating hyperlinks with
<a>tags - Adding email links and internal links
- Text formatting:
-
Lists and Tables
- Ordered and unordered lists:
<ul>,<ol>,<li> - Building tables with
<table>,<tr>,<td>,<th> - Adding captions, spanning columns and rows
- Ordered and unordered lists:
-
Images and Media
- Embedding images with
<img> - Adding videos and audio files
- Working with SVG graphics
- Embedding images with
-
Forms and Inputs
- Basic form elements:
<form>,<input>,<label>,<button> - Common input types: text, email, password, checkbox, radio
- Form validation basics
- Basic form elements:
-
Semantic HTML
- Understanding semantic tags:
<header>,<footer>,<article>,<section>,<nav> - Why semantic HTML matters for accessibility and SEO
- Understanding semantic tags:
-
Additional Topics
- Meta tags and
<head>elements - Inline vs. Block elements
- Basic HTML5 features
- Meta tags and
This repository is intended as an educational resource to help learners understand and practice the basics of HTML. Each example provides a practical demonstration of HTML tags and concepts, making it easier to grasp how they work together to create structured web content.
- Clone the repository to your local machine:
git clone https://github.com/your-username/Learning-HTML.git
- Browse through each section to understand the topics and code examples.
- Practice by modifying code snippets and experimenting with different elements and attributes.
If you'd like to contribute by adding examples or correcting any errors, feel free to open a pull request. Contributions and feedback are always welcome! Refer this Documentation for all the rules to follow when contributing to this repo.
Here are some additional resources to further your HTML knowledge:
This project is open source and available under the MIT License.
Happy learning!😉