Skip to content

Commit 6d6c566

Browse files
committed
README
1 parent a6299d4 commit 6d6c566

File tree

2 files changed

+104
-2
lines changed

2 files changed

+104
-2
lines changed

README.md

+94
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
# Frontend Development HTML Course
2+
3+
Welcome to my Frontend Development HTML Course repository! This repository is where I will be posting my class activities, projects, and exercises as I improve my HTML skills.
4+
5+
## Table of Contents
6+
7+
- [Frontend Development HTML Course](#frontend-development-html-course)
8+
- [Table of Contents](#table-of-contents)
9+
- [Course Overview](#course-overview)
10+
- [Course Structure](#course-structure)
11+
- [Getting Started](#getting-started)
12+
- [Course Content](#course-content)
13+
- [Contributing](#contributing)
14+
15+
## Course Overview
16+
17+
This repository is part of my journey to learn the fundamentals of HTML (HyperText Markup Language), the standard language for creating web pages. Whether you're a fellow student or an experienced developer, feel free to browse through my work and follow along as I learn and grow.
18+
19+
## Course Structure
20+
21+
The course is divided into several modules, each focusing on different aspects of HTML:
22+
23+
1. **Introduction to HTML**: Basics of HTML, elements, and attributes.
24+
2. **HTML Document Structure**: Understanding the structure of an HTML document.
25+
3. **Text and Formatting**: Adding and styling text in HTML.
26+
4. **Links and Navigation**: Creating hyperlinks and navigation menus.
27+
5. **Images and Multimedia**: Embedding images, audio, and video.
28+
6. **Forms and Inputs**: Building and styling forms for user input.
29+
7. **Tables and Lists**: Structuring data with tables and lists.
30+
8. **Semantic HTML**: Using semantic elements for better accessibility and SEO.
31+
32+
## Getting Started
33+
34+
To get started with the content of this repository, follow these steps:
35+
36+
1. **Clone the repository**:
37+
```bash
38+
git clone https://github.com/dDevAhmed/frontend_development_html_course.git
39+
```
40+
2. **Navigate to the course directory**:
41+
```bash
42+
cd frontend-html-course
43+
```
44+
3. **Open the index.html file in your browser** to view my work and progress.
45+
46+
## Course Content
47+
48+
Each module contains:
49+
50+
- **Lecture Notes**: Comprehensive notes covering the key concepts of each module.
51+
- **Code Examples**: Example HTML files demonstrating the concepts.
52+
- **Exercises**: Hands-on exercises to practice what I've learned.
53+
- **Projects**: Mini projects to apply my knowledge in real-world scenarios.
54+
55+
<!-- ## Projects
56+
57+
Throughout the course, I'll be working on several projects, including:
58+
59+
1. **Personal Portfolio**: Create a personal portfolio website.
60+
2. **Blog Page**: Build a blog page with articles and navigation.
61+
3. **Contact Form**: Design and implement a contact form with validation. -->
62+
63+
## Contributing
64+
65+
I welcome feedback and contributions from the community! If you'd like to contribute or provide suggestions, please follow these guidelines:
66+
67+
1. **Fork the repository**.
68+
2. **Create a new branch**:
69+
```bash
70+
git checkout -b feature-branch
71+
```
72+
3. **Make your changes** and commit them:
73+
```bash
74+
git commit -m "Add feature"
75+
```
76+
4. **Push to the branch**:
77+
```bash
78+
git push origin feature-branch
79+
```
80+
5. **Open a pull request** and describe your changes.
81+
82+
<!-- ## License
83+
84+
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information. -->
85+
86+
<!-- ## Contact
87+
88+
For any questions or feedback, please contact me at [email@example.com](mailto:email@example.com). -->
89+
90+
Follow my journey and let's learn together! 😊
91+
92+
<!-- --- -->
93+
94+
<!-- Follow me on [Twitter](https://twitter.com/yourusername) and [LinkedIn](https://linkedin.com/in/yourusername) for updates and more resources. -->

index.html

+10-2
Original file line numberDiff line numberDiff line change
@@ -111,8 +111,16 @@ <h3>List Items</h3>
111111
<li>Friday</li>
112112
</ol>
113113

114-
<h3>Class Activities</h3>
115-
<a href="class_activity1.html">Class Activity 1</a>
114+
<h3>Description Lists</h3>
115+
<dl>
116+
<dt>Milk</dt>
117+
<dd>Coconut Milk</dd>
118+
<dd>Soya Milk</dd>
119+
<dd>Soya Milk</dd>
120+
<dt>Meat</dt>
121+
<dd>Beaf</dd>
122+
<dd>Chicken</dd>
123+
</dl>
116124

117125
</body>
118126

0 commit comments

Comments
 (0)