Skip to content

๐Ÿš€ 30 HTML challenges to level up your skills! Perfect for beginners! Each challenge includes a description, starter code, and helpful hints to guide you along the way! ๐Ÿ’ป๐Ÿ”ฅ

License

Notifications You must be signed in to change notification settings

codeskills-dev/30-days-of-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

61 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

30 Days of HTML๐ŸŽ–๏ธ๐Ÿ’ป

Welcome to "30 Days of HTML" a repository with HTML challenges for beginners!

30-days-of-html

Overview

This repository contains 30 HTML challenges that are designed to help beginners improve their HTML skills. Each challenge comes with a description, some basic HTML code to get started, and any instructions or hints that the learner might need.

How to Use

Download zip

To get started, simply download/clone this repository to your local machine and start working on the challenges. You can work through the challenges in order, or jump around to the ones that interest you the most.

Each challenge is contained in its own HTML file, and includes a corresponding solution file. Once you've completed a challenge, you can check your work by comparing your code to the solution file.

Don't forget to give this repo a star โญ๏ธ

List of Challenges

  1. Create a basic HTML page with a heading and a paragraph
  2. Add an image to your HTML page
  3. Create a hyperlink to another website
  4. Add a list of items to your HTML page.
  5. Add a table to your HTML page
  6. Create a form with input fields and a submit button
  7. Add a video to your HTML page
  8. Add an ordered list to your HTML page
  9. Add an unordered list to your HTML page
  10. Add a definition list to your HTML page
  11. Add an iframe to your HTML page
  12. Use HTML5 semantic tags to structure your page content
  13. Add a quote to your HTML page
  14. Add a horizontal rule to your HTML page
  15. Add a line break to your HTML page
  16. Add a non-breaking space to your HTML page
  17. Create a basic HTML form with radio buttons
  18. Create a basic HTML form with checkboxes
  19. Create a basic HTML form with a dropdown menu
  20. Create a basic HTML form with a text area
  21. Use the label tag to associate form elements with their labels
  22. Add a fieldset and legend to your HTML form
  23. Add a required attribute to a form field
  24. Use the placeholder attribute to provide hints in form fields
  25. Use the autofocus attribute to set the focus on a form field
  26. Use the target attribute to open a link in a new window
  27. Add an alt attribute to an image for accessibility purposes
  28. Use the title attribute to provide additional information about an element
  29. Use links to connect to different sections of a HTML page
  30. Introduction to CSS

Contributing

If you would like to contribute to this repository, checkout the contributing guidelines and please feel free to submit a pull request. We welcome any and all contributions that can help make this repository better!

Author

This repository was created by Paul Ehikhuemen. You can find more guides for web development at Codeskills blog

License

This repository is licensed under the MIT License. You are free to use, share, and modify this content as long as you give credit to the original author.

About

๐Ÿš€ 30 HTML challenges to level up your skills! Perfect for beginners! Each challenge includes a description, starter code, and helpful hints to guide you along the way! ๐Ÿ’ป๐Ÿ”ฅ

Topics

Resources

License

Stars

Watchers

Forks