Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/labex-labs/html-practice-labs
[HTML Practice Labs] This repository collects 82 of programming scenarios (labs and challenges) for HTML Practice Labs. This course contains lots of labs for HTML, each lab is a small HTML project with detailed guidance and solutions. You can practice your HTML skills by completing these labs, im...
https://github.com/labex-labs/html-practice-labs
List: html-practice-labs
awesome awesome-list challenges course education hands-on html labex labs programming
Last synced: 2 months ago
JSON representation
[HTML Practice Labs] This repository collects 82 of programming scenarios (labs and challenges) for HTML Practice Labs. This course contains lots of labs for HTML, each lab is a small HTML project with detailed guidance and solutions. You can practice your HTML skills by completing these labs, im...
- Host: GitHub
- URL: https://github.com/labex-labs/html-practice-labs
- Owner: labex-labs
- Created: 2024-05-24T09:04:06.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-08-01T01:29:49.000Z (6 months ago)
- Last Synced: 2024-08-02T04:24:18.043Z (6 months ago)
- Topics: awesome, awesome-list, challenges, course, education, hands-on, html, labex, labs, programming
- Homepage: https://labex.io/skilltrees/html
- Size: 16.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML Practice Labs
[](https://labex.io/courses/html-practice-labs)
[](https://labex.io/courses/html-practice-labs)
This course contains lots of labs for HTML, each lab is a small HTML project with detailed guidance and solutions. You can practice your HTML skills by completing these labs, improve your coding skills, and learn how to write clean and efficient code.
## Environment
LabEx is an interactive, hands-on learning platform dedicated to coding and technology. It combines labs, AI assistance, and virtual machines to provide a no-video, practical learning experience.
- A strict “Learn by Doing” approach with exclusive hands-on labs and no videos.
- Interactive online environments within the browser, with automated step-by-step checks.
- A structured content organization with the Skill Tree based learning system.
- A growing learning resource of 30 Skill Trees and over 6,000 Labs.
- The AI learning assistant Labby, built on ChatGPT, providing a conversational learning experience.
Learn more about [LabEx VM](https://support.labex.io/using-labex/virtual-machine).
## Exercises
| Index | Name | Difficulty | Practice |
|---------|-------------------------------------------------|--------------|----------------------------------------------------------------------------------------------------------------------------|
| 01 | 📖 HTML List Item | ★☆☆ | Start Lab |
| 02 | 📖 Create HTML Paragraphs in Visual Studio Code | ★☆☆ | Start Lab |
| 03 | 📖 HTML Headings of Various Levels | ★☆☆ | Start Lab |
| 04 | 📖 HTML Strikethrough Text | ★☆☆ | Start Lab |
| 05 | 📖 HTML Description Value | ★☆☆ | Start Lab |
| 06 | 📖 HTML Description List | ★☆☆ | Start Lab |
| 07 | 📖 HTML Unordered List | ★☆☆ | Start Lab |
| 08 | 📖 HTML Document Metadata | ★☆☆ | Start Lab |
| 09 | 📖 HTML Deleted Text | ★☆☆ | Start Lab |
| 10 | 📖 HTML Italic Text | ★☆☆ | Start Lab |
| 11 | 📖 HTML Small Print | ★☆☆ | Start Lab |
| 12 | 📖 HTML Strong Importance | ★☆☆ | Start Lab |
| 13 | 📖 HTML Bold Text | ★☆☆ | Start Lab |
| 14 | 📖 HTML Citation Formatting with `` Tag | ★☆☆ | Start Lab |
| 15 | 📖 HTML Line Break | ★☆☆ | Start Lab |
| 16 | 📖 HTML Graphic Drawing | ★☆☆ | Start Lab |
| 17 | 📖 HTML Embedded HTML Page | ★☆☆ | Start Lab |
| 18 | 📖 HTML Inserted Text | ★☆☆ | Start Lab |
| 19 | 📖 HTML Document Style | ★☆☆ | Start Lab |
| 20 | 📖 HTML Subscript Text | ★☆☆ | Start Lab |
| 21 | 📖 HTML Ordered List | ★☆☆ | Start Lab |
| 22 | 📖 HTML Time Representation | ★☆☆ | Start Lab |
| 23 | 📖 HTML Quoted Text Block | ★☆☆ | Start Lab |
| 24 | 📖 HTML Additional Details | ★☆☆ | Start Lab |
| 25 | 📖 HTML Dropdown List | ★☆☆ | Start Lab |
| 26 | 📖 HTML Navigation Links | ★☆☆ | Start Lab |
| 27 | 📖 HTML Highlighted Text | ★☆☆ | Start Lab |
| 28 | 📖 HTML Scalar Measurement | ★☆☆ | Start Lab |
| 29 | 📖 HTML Option Grouping | ★☆☆ | Start Lab |
| 30 | 📖 HTML Superscript Text | ★☆☆ | Start Lab |
| 31 | 📖 HTML Multiline Input | ★☆☆ | Start Lab |
| 32 | 📖 Utilizing HTML Section Tag | ★☆☆ | Start Lab |
| 33 | 📖 Bidirectional Text with HTML BDO | ★☆☆ | Start Lab |
| 34 | 📖 HTML Select List Option | ★☆☆ | Start Lab |
| 35 | 📖 HTML Emphasized Text | ★☆☆ | Start Lab |
| 36 | 📖 HTML Figure Caption | ★☆☆ | Start Lab |
| 37 | 📖 HTML Task Progress | ★☆☆ | Start Lab |
| 38 | 📖 HTML Clickable Button | ★☆☆ | Start Lab |
| 39 | 📖 HTML External Content/Plugin | ★☆☆ | Start Lab |
| 40 | 📖 HTML Image Embedding | ★☆☆ | Start Lab |
| 41 | 📖 HTML Computer Code | ★☆☆ | Start Lab |
| 42 | 📖 HTML Content Aside | ★☆☆ | Start Lab |
| 43 | 📖 HTML Preformatted Text | ★☆☆ | Start Lab |
| 44 | 📖 HTML Table Caption | ★☆☆ | Start Lab |
| 45 | 📖 HTML Table Column | ★☆☆ | Start Lab |
| 46 | 📖 HTML Dialog Box/Window | ★☆☆ | Start Lab |
| 47 | 📖 HTML Keyboard Input | ★☆☆ | Start Lab |
| 48 | 📖 HTML Table Header Cell | ★☆☆ | Start Lab |
| 49 | 📖 HTML Table Header | ★☆☆ | Start Lab |
| 50 | 📖 HTML Definition Term | ★☆☆ | Start Lab |
| 51 | 📖 HTML Table Body | ★☆☆ | Start Lab |
| 52 | 📖 HTML Contact Information | ★☆☆ | Start Lab |
| 53 | 📖 HTML Table Column Grouping | ★☆☆ | Start Lab |
| 54 | 📖 HTML Ruby Annotation Fallback | ★☆☆ | Start Lab |
| 55 | 📖 HTML Table Definition | ★☆☆ | Start Lab |
| 56 | 📖 HTML Table Data Cell | ★☆☆ | Start Lab |
| 57 | 📖 HTML Table Footer | ★☆☆ | Start Lab |
| 58 | 📖 HTML Table Row | ★☆☆ | Start Lab |
| 59 | 📖 HTML Div Tag and CSS Styling | ★☆☆ | Start Lab |
| 60 | 📖 HTML Section Header | ★☆☆ | Start Lab |
| 61 | 📖 HTML Details Summary | ★☆☆ | Start Lab |
| 62 | 📖 HTML Predefined Input Options | ★☆☆ | Start Lab |
| 63 | 📖 HTML Document/Footer Section | ★☆☆ | Start Lab |
| 64 | 📖 HTML Fieldset Caption | ★☆☆ | Start Lab |
| 65 | 📖 HTML Ruby Annotation Explanation | ★☆☆ | Start Lab |
| 66 | 📖 HTML Sample Output | ★☆☆ | Start Lab |
| 67 | 📖 HTML Variable Declarations | ★☆☆ | Start Lab |
| 68 | 📖 Styling Elements with HTML Span | ★☆☆ | Start Lab |
| 69 | 📖 HTML Article Section | ★☆☆ | Start Lab |
| 70 | 📖 HTML Main Content | ★☆☆ | Start Lab |
| 71 | 📖 HTML Input Control | ★☆☆ | Start Lab |
| 72 | 📖 HTML Calculation Result | ★☆☆ | Start Lab |
| 73 | 📖 HTML Machine-Readable Data | ★☆☆ | Start Lab |
| 74 | 📖 HTML Script-Disabled Content | ★☆☆ | Start Lab |
| 75 | 📖 HTML Form Grouping | ★☆☆ | Start Lab |
| 76 | 📖 HTML Event Attributes | ★☆☆ | Start Lab |
| 77 | 📖 HTML Input Form | ★☆☆ | Start Lab |
| 78 | 📖 HTML Input Label | ★☆☆ | Start Lab |
| 79 | 📖 HTML Template Definition | ★☆☆ | Start Lab |
| 80 | 📖 Bidirectional Text Formatting with BDI | ★☆☆ | Start Lab |
| 81 | 📖 Animated Social Sharing Buttons With CSS | ★☆☆ | Start Lab |
| 82 | 📖 3D Rotating Cube | ★☆☆ | Start Lab |
## More
- 🔗 [HTML Programming Courses](https://github.com/labex-labs/awesome-programming-courses)
- 🔗 [HTML Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- 🔗 [HTML Free Tutorials](https://github.com/labex-labs/html-free-tutorials)