From 8d0dc1b19b6063b606530b98a69eeb0ffba00bcc Mon Sep 17 00:00:00 2001 From: Nirodha Jayasinghe Date: Thu, 30 May 2024 21:30:46 +0530 Subject: [PATCH] Create README.md --- README.md | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..db290f5 --- /dev/null +++ b/README.md @@ -0,0 +1,60 @@ +# Welcome to My HTML Project! 🌐 + +## Overview + +This project contains a simple HTML document demonstrating the basic structure and key elements of an HTML file. It's perfect for beginners looking to understand the fundamentals of HTML. + +## Project Structure 📁 + +The project includes the following files: + +- **index.html**: The main HTML document showcasing various HTML elements and their usage. + +## Getting Started 🚀 + +To view the HTML document, simply open the `index.html` file in your web browser. Follow these steps: + +1. **Clone the repository**: + ```bash + git clone https://github.com/NDDJayasinghe/Understanding-HTML.git + ``` +2. **Navigate to the project directory**: + ```bash + cd Understanding-HTML + ``` +3. **Open `index.html`**: + - On Windows: Right-click `index.html` and select "Open with" → Your preferred browser. + - On macOS: Control-click `index.html` and select "Open with" → Your preferred browser. + - On Linux: Use your file manager to open `index.html` with your browser. + +## Key HTML Elements 📄 + +The `index.html` file includes examples of the following HTML elements: + +- **Headings** (`

` to `

`) +- **Paragraphs** (`

`) +- **Links** (``) +- **Images** (``) +- **Lists** (`