An open API service indexing awesome lists of open source software.

https://github.com/gzixnine/html_course

This section of the repository serves as a comprehensive collection of HTML assignments from Elzero Web School. From the basics of HTML tags and elements to more complex web page structures, with a commitment to clarity, depth, and practical application, this repository is designed to be your go-to resource for mastering HTML.
https://github.com/gzixnine/html_course

assignments coding-challenges elzero-frontend-challenges htm html html5 learning-resources projects web-development

Last synced: about 1 month ago
JSON representation

This section of the repository serves as a comprehensive collection of HTML assignments from Elzero Web School. From the basics of HTML tags and elements to more complex web page structures, with a commitment to clarity, depth, and practical application, this repository is designed to be your go-to resource for mastering HTML.

Awesome Lists containing this project

README

        

# HTML Basics

Welcome to the HTML Basics repository! This repository serves as a comprehensive guide and reference for learning HTML (HyperText Markup Language), the standard language for creating web pages and web applications.

## Overview

This repository is designed to provide you with a solid foundation in HTML, covering everything from basic tags to more advanced concepts. Whether you're a beginner just starting out or looking to refresh your knowledge, you'll find valuable resources and examples here to help you understand and master HTML.


Completion      
Visitors

![HTML](https://user-images.githubusercontent.com/90455303/176652557-13edc1b1-b3ed-46d8-94a8-3880aa41f88c.png)

### What is HTML?

HTML (HyperText Markup Language) is the core language of the World Wide Web, used to create and structure content on the web. It provides the basic building blocks for web pages, allowing you to create text, links, images, tables, forms, and much more. HTML is essential for web development and forms the backbone of all websites and web applications.

### Key Features

- **Semantic Elements**: HTML5 introduced a variety of new semantic elements such as ``, ``, ``, and ``, which help in creating more meaningful and accessible web content.
- **Multimedia**: HTML supports the embedding of multimedia elements like images, audio, and video directly into web pages without the need for external plugins.
- **Forms**: HTML provides a robust framework for creating and handling web forms, allowing for user input and interaction.
- **Cross-Platform**: HTML code runs consistently across all modern web browsers and devices, ensuring a seamless user experience.

### Course Reference

The content and examples presented here are based on the high-quality tutorials and lessons from [Elzero Web School](https://elzero.org).

#### About Elzero Web School

Elzero Web School is a premier online platform offering a wide range of web development tutorials and courses. With a focus on practical, hands-on learning, Elzero Web School helps students and professionals alike to enhance their skills and stay up-to-date with the latest web technologies.

#### Additional Resources

- Visit the [official website](https://elzero.org) for more courses and tutorials.
- Check out the [YouTube channel](https://www.youtube.com/@ElzeroWebSchool) for more video content.
- Check out the [GitHub account](https://github.com/ElzeroWebSchool) for more data and Codes.

OR

- You can learn [HTML](https://www.youtube.com/watch?v=cvNTgKw8VlY) from [Abdelrahman Gamal Channel](https://www.youtube.com/@AbdelrahmanGamal)

### Course Progress

#### Course Study Plan
- **Weeks Completed**: [03 of 03]
![100%](https://progress-bar.dev/100/?title=Done)

`Watched` - [Plan For Three Weeks](https://elzero.org/study/html-2021-study-plan/)

#### Videos Watched
- **Total Videos**: [37 of 37] - Duration: 4 Hours, 12 Minutes, 53 Seconds
![100%](https://progress-bar.dev/100/?title=Watched)



👉 Click Here To Watch Videos In YouTube

1. `Watched` - [Introduction And What I Need To Learn?](https://www.youtube.com/watch?v=6QAELgirvjs&t=6s)
2. `Watched` - [Elements And Browser](https://www.youtube.com/watch?v=7LxA9qXUY5k)
3. `Watched` - [First Project And First Page](https://www.youtube.com/watch?v=QG5aEmS9Fu0)
4. `Watched` - [Head And Nested Elements](https://www.youtube.com/watch?v=dVgTBEYCseU)
5. `Watched` - [Comments And Use Cases](https://www.youtube.com/watch?v=3lXuWHtm7PM)
6. `Watched` - [Doctype And Standard And Quirks Mode](https://www.youtube.com/watch?v=sBFemL2Mfj4)
7. `Watched` - [Headings And Use Cases](https://www.youtube.com/watch?v=XxkX8wnRq3s)
8. `Watched` - [Syntax And Tests](https://www.youtube.com/watch?v=S58smWj5Yn0)
9. `Watched` - [Paragraph Element](https://www.youtube.com/watch?v=Fpibp-291xQ)
10. `Watched` - [Element Attributes](https://www.youtube.com/watch?v=nCpNsMgyzh4)
11. `Watched` - [Formatting Elements](https://www.youtube.com/watch?v=zhwqvfoi50Q)
12. `Watched` - [Links – Anchor Tag](https://www.youtube.com/watch?v=7TQhxAOjd1w)
13. `Watched` - [Image And Deal With Paths](https://www.youtube.com/watch?v=FmIUk3bWGmU)
14. `Watched` - [Lists – Ul, Ol, DL](https://www.youtube.com/watch?v=8Z7zR-UGjcQ)
15. `Watched` - [Table](https://www.youtube.com/watch?v=SUW49Jjxvac)
16. `Watched` - [Span And Break And Horizontal Rule](https://www.youtube.com/watch?v=T2myRpY2iN4)
17. `Watched` - [Div And How To Use](https://www.youtube.com/watch?v=IGeh2mlM9Rg)
18. `Watched` - [HTML Entities](https://www.youtube.com/watch?v=B8raKziIYyY)
19. `Watched` - [Semantic Elements](https://www.youtube.com/watch?v=xlQwlfvrDuI)
20. `Watched` - [Layout With Div And Classes](https://www.youtube.com/watch?v=r6LhFImQxeE)
21. `Watched` - [Layout With Semantic Elements](https://www.youtube.com/watch?v=uj5lC-GQPEw)
22. `Watched` - [Audio](https://www.youtube.com/watch?v=KltQb6cJSd8)
23. `Watched` - [Video](https://www.youtube.com/watch?v=oJbo28ewnL4)
24. `Watched` - [Form Part 1 – Input Types And Label](https://www.youtube.com/watch?v=inC9gWjNMJI)
25. `Watched` - [Form Part 2 – Required, Placeholder, Value](https://www.youtube.com/watch?v=3xd1IQ3llBk)
26. `Watched` - [Form Part 3 – Action, Name, Method](https://www.youtube.com/watch?v=Anfn7RzoDHw)
27. `Watched` - [Form Part 4 – Hidden, Reset, Color, Range, Number](https://www.youtube.com/watch?v=ZUax-YsT57I)
28. `Watched` - [Form Part 5 – Read Only, Disabled, Auto Focus](https://www.youtube.com/watch?v=rpPIRitcAn8)
29. `Watched` - [Form Part 6 – Radio And Checkbox](https://www.youtube.com/watch?v=YAcn1MyAcDM)
30. `Watched` - [Form Part 7 – Select And Textarea](https://www.youtube.com/watch?v=HGB42mnD0o4)
31. `Watched` - [Form Part 8 – File, Search, URL, Time](https://www.youtube.com/watch?v=cSmE9cVeaYg)
32. `Watched` - [Form Part 9 – Data List, NoValidate, Target](https://www.youtube.com/watch?v=X_TGbRuZ80Q)
33. `Watched` - [Q, BlockQuote, Wbr, Bdi, Button](https://www.youtube.com/watch?v=AzjtVtxoBLc)
34. `Watched` - [iFrame, Pre, Code](https://www.youtube.com/watch?v=aycYLVSOtZo)
35. `Watched` - [Accessibility Introduction](https://www.youtube.com/watch?v=lSqXHePabFo)
36. `Watched` - [ARIA And Screen Readers](https://www.youtube.com/watch?v=UnTxFfbpqco)
37. `Watched` - [The End And What To Do](https://www.youtube.com/watch?v=ysJQH5uPfTg)

#### Assignments Solved
- **Total Assignments**: [33 of 33] - Topics: 9
![100%](https://progress-bar.dev/100/?title=Solved)
Check Out The Assignments [Here 🤏](https://elzero.org/category/assignments/html-assignments/).

👉 Courses & Articles


  1. Learn HTML

  2. Learn Forms

  3. Best Practices

  4. Interview Questions

  5. HTML Practice Test for Certification, Exams & Interviews

  6. Quirks Mode

  7. Appendix A. Accepted file types and formats

  8. HTML Symbols

  9. Learn Accessibility

  10. Semantic HTML5 Elements Explained

  11. HTML Living Standard

  12. ARIA



Status
Assignments
Solutions





                 
                
All Lessons


Solved
Assignments From 01 To 05
Code


Assignments From 06 To 10
Code


Assignments From 11 To 14
Code


Assignments From 15 To 18
Code


Assignments From 19 To 23
Code


Assignments From 24 To 27
Code


Assignments From 28 To 30
Code


Assignments From 31 To 34
Code


Assignments From 35 To 37
Code





               
               

100%





Feel free to explore the repository, follow along with the course material, and practice with the provided assignments. Happy learning!

## Contribution
Contributions are welcome! If you have suggestions, improvements, please open an issue or submit a pull request.

## Contact
You can reach me via [Gmail](mailto:[email protected]) or on [Telegram](http://t.me/GziXnine).

## License
This project is licensed under the [MIT License](LICENSE).