Git Product home page Git Product logo

codeskills-dev / 30-days-of-html Goto Github PK

View Code? Open in Web Editor NEW
52.0 0.0 20.0 1.5 MB

๐Ÿš€ 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! ๐Ÿ’ป๐Ÿ”ฅ

Home Page: https://blog.codeskills.dev

License: MIT License

HTML 98.74% CSS 1.26%
30daysofcode html html5 web-development

30-days-of-html's Introduction

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.

30-days-of-html's People

Contributors

github-actions[bot] avatar lordelogos avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.