Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/labex-labs/practice-html-programming-projects
[Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML. HTML is a markup language that is used to create web pages. It is the standard markup language used for creating web pages and web applications. HTML stands for Hyper Text Markup Language. HTML desc...
https://github.com/labex-labs/practice-html-programming-projects
List: practice-html-programming-projects
awesome awesome-list education hands-on html labex programming projects
Last synced: about 1 month ago
JSON representation
[Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML. HTML is a markup language that is used to create web pages. It is the standard markup language used for creating web pages and web applications. HTML stands for Hyper Text Markup Language. HTML desc...
- Host: GitHub
- URL: https://github.com/labex-labs/practice-html-programming-projects
- Owner: labex-labs
- Created: 2024-06-06T07:26:34.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-08-01T01:38:49.000Z (about 2 months ago)
- Last Synced: 2024-08-02T04:29:24.465Z (about 2 months ago)
- Topics: awesome, awesome-list, education, hands-on, html, labex, programming, projects
- Homepage: https://labex.io/skilltrees/html
- Size: 17.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- practice-react-programming-projects - HTML Programming Projects
- practice-pandas-programming-projects - HTML Programming Projects
- practice-data-science-programming-projects - HTML Programming Projects
- practice-cysec-programming-projects - HTML Programming Projects
- practice-java-programming-projects - HTML Programming Projects
- practice-devops-programming-projects - HTML Programming Projects
- practice-ansible-programming-projects - HTML Programming Projects
- practice-c-programming-projects - HTML Programming Projects
- practice-cpp-programming-projects - HTML Programming Projects
- practice-linux-programming-projects - HTML Programming Projects
- practice-numpy-programming-projects - HTML Programming Projects
- practice-matplotlib-programming-projects - HTML Programming Projects
- practice-kubernetes-programming-projects - HTML Programming Projects
- practice-python-programming-projects - HTML Programming Projects
- practice-hadoop-programming-projects - HTML Programming Projects
- practice-opencv-programming-projects - HTML Programming Projects
- practice-web-development-programming-projects - HTML Programming Projects
- practice-ml-programming-projects - HTML Programming Projects
- practice-docker-programming-projects - HTML Programming Projects
- practice-git-programming-projects - HTML Programming Projects
- practice-javascript-programming-projects - HTML Programming Projects
- practice-css-programming-projects - HTML Programming Projects
- practice-sklearn-programming-projects - HTML Programming Projects
- practice-jenkins-programming-projects - HTML Programming Projects
- practice-go-programming-projects - HTML Programming Projects
- practice-shell-programming-projects - HTML Programming Projects
- practice-mysql-programming-projects - HTML Programming Projects
- practice-jquery-programming-projects - HTML Programming Projects
- practice-algorithm-programming-projects - HTML Programming Projects
- ultimate-awesome - practice-html-programming-projects - [Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML. HTML is a markup language that is used to create web pages. It is the standard markup language used for creating web pages and web applications. HTML stands for Hyper Text Markup Language. HTML desc. (Other Lists / PowerShell Lists)
README
# Practice HTML Programming Projects
HTML is a markup language that is used to create web pages. It is the standard markup language used for creating web pages and web applications. HTML stands for Hyper Text Markup Language. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
| Index | Name | Level | Project Link |
|---------|-----------------------------------------------------------------------------------------------------------------------------------------|---------|-----------------------------------------------------------------------------------------------|
| 01 | [Building a Christmas Wish List Builder in React](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react) | β β β | [π Start](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react) |
| 02 | [Build a Simple Markdown Editor With Live Preview](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview) | β ββ | [π Start](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview) |
| 03 | [Implement a Magnifying Glass Effect Using Canvas](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas) | β ββ | [π Start](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas) |
| 04 | [Monty Hall Simulation Web App](https://labex.io/courses/project-monty-hall-problem-simulation-web-app) | β ββ | [π Start](https://labex.io/courses/project-monty-hall-problem-simulation-web-app) |
| 05 | [Build a Tic-Tac-Toe Web App](https://labex.io/courses/project-build-a-tic-tac-toe-web-app) | β ββ | [π Start](https://labex.io/courses/project-build-a-tic-tac-toe-web-app) |
| 06 | [Creating a Whack-a-Mole Web Game](https://labex.io/courses/project-creating-a-whack-a-mole-web-game) | β ββ | [π Start](https://labex.io/courses/project-creating-a-whack-a-mole-web-game) |
| 07 | [Building a Web Avoiding Block Game](https://labex.io/courses/project-building-a-web-avoiding-block-game) | β β β | [π Start](https://labex.io/courses/project-building-a-web-avoiding-block-game) |
| 08 | [Build an Image Cropping Tool Using HTML5](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5) | β ββ | [π Start](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5) |
| 09 | [Deploying MobileNet With TensorFlow.js and Flask](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) | β ββ | [π Start](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) |
| 10 | [2048 Web Game Using jQuery](https://labex.io/courses/project-2048-web-game-using-jquery) | β ββ | [π Start](https://labex.io/courses/project-2048-web-game-using-jquery) |
| 11 | [Create a Notes App Using React](https://labex.io/courses/project-create-a-notes-app-using-react) | β ββ | [π Start](https://labex.io/courses/project-create-a-notes-app-using-react) |
| 12 | [Building a Modern Expense Splitter Web App](https://labex.io/courses/project-building-a-expense-splitter-web-app) | β ββ | [π Start](https://labex.io/courses/project-building-a-expense-splitter-web-app) |
| 13 | [Creating a Drawing Board Web App](https://labex.io/courses/project-creating-a-drawing-board-web-app) | β ββ | [π Start](https://labex.io/courses/project-creating-a-drawing-board-web-app) |
| 14 | [Developing a Simple Online Chat Room Using Flask](https://labex.io/courses/project-developing-a-simple-online-chat-room-using-flask) | β ββ | [π Start](https://labex.io/courses/project-developing-a-simple-online-chat-room-using-flask) |
| 15 | [Creating a Task Timer Web App](https://labex.io/courses/project-creating-a-task-timer-web-app) | β ββ | [π Start](https://labex.io/courses/project-creating-a-task-timer-web-app) |
| 16 | [Build a Sliding Puzzle Game With JavaScript](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript) | β ββ | [π Start](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript) |
| 17 | [jQuery Flip Puzzle Game](https://labex.io/courses/project-jquery-flip-puzzle-game) | β ββ | [π Start](https://labex.io/courses/project-jquery-flip-puzzle-game) |
| 18 | [Don't Step on the White Tile](https://labex.io/courses/project-dont-step-on-the-white-tile) | β ββ | [π Start](https://labex.io/courses/project-dont-step-on-the-white-tile) |
| 19 | [Build a Scratch Card Web Game](https://labex.io/courses/project-scratch-card-game) | β ββ | [π Start](https://labex.io/courses/project-scratch-card-game) |
| 20 | [Create a Swiper Carousel Web App](https://labex.io/courses/project-create-a-swiper-carousel-web-app) | β ββ | [π Start](https://labex.io/courses/project-create-a-swiper-carousel-web-app) |
| 21 | [Creating a Minesweeper Game With JavaScript](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript) | β ββ | [π Start](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript) |
| 22 | [Build a Simple URL Shortener With Flask and MySQL](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) | β β β | [π Start](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) |
| 23 | [Build a Web Based TCP Port Scanner](https://labex.io/courses/project-build-a-web-based-tcp-port-scanner) | β ββ | [π Start](https://labex.io/courses/project-build-a-web-based-tcp-port-scanner) |
| 24 | [Create a Pixel Art Animator With React](https://labex.io/courses/project-create-a-pixel-art-animator-with-react) | β ββ | [π Start](https://labex.io/courses/project-create-a-pixel-art-animator-with-react) |
| 25 | [Vue.js Search Functionality Development](https://labex.io/courses/project-do-a-search) | β ββ | [π Start](https://labex.io/courses/project-do-a-search) |
| 26 | [Implement Dynamic Sticky Tab Bar](https://labex.io/courses/project-dynamic-tab-bar) | β ββ | [π Start](https://labex.io/courses/project-dynamic-tab-bar) |
| 27 | [Product List with Layout Switching](https://labex.io/courses/project-layout-switch) | β ββ | [π Start](https://labex.io/courses/project-layout-switch) |
| 28 | [Build a Vue.js E-book Reader](https://labex.io/courses/project-read-it) | β ββ | [π Start](https://labex.io/courses/project-read-it) |
| 29 | [Implement Atomic Flex Layout with CSS](https://labex.io/courses/project-atomic-css) | β ββ | [π Start](https://labex.io/courses/project-atomic-css) |
| 30 | [Creative Billboard Design with Wooden Textures](https://labex.io/courses/project-creative-billboard) | β ββ | [π Start](https://labex.io/courses/project-creative-billboard) |
| 31 | [A Good Review for the Takeout](https://labex.io/courses/project-a-good-review-for-the-takeout) | β ββ | [π Start](https://labex.io/courses/project-a-good-review-for-the-takeout) |
| 32 | [Address Management Web Application](https://labex.io/courses/project-add-new-address) | β ββ | [π Start](https://labex.io/courses/project-add-new-address) |
| 33 | [Random Greeting Card Generator](https://labex.io/courses/project-holiday-greeting-card) | β ββ | [π Start](https://labex.io/courses/project-holiday-greeting-card) |
| 34 | [Web-based HTML Presentation Builder](https://labex.io/courses/project-web-ppt) | β ββ | [π Start](https://labex.io/courses/project-web-ppt) |
| 35 | [Vue.js Shopping Cart with Drag and Drop](https://labex.io/courses/project-fun-shopping) | β ββ | [π Start](https://labex.io/courses/project-fun-shopping) |
| 36 | [Building a Vue.js Store Status Switcher](https://labex.io/courses/project-switch-business-status) | β ββ | [π Start](https://labex.io/courses/project-switch-business-status) |
| 37 | [Building a Responsive News Website Homepage](https://labex.io/courses/project-creating-website-homepage) | β ββ | [π Start](https://labex.io/courses/project-creating-website-homepage) |
| 38 | [Fixing Website Display Issues](https://labex.io/courses/project-fix-website-display) | β ββ | [π Start](https://labex.io/courses/project-fix-website-display) |
| 39 | [Responsive Dice Layout with Flexbox](https://labex.io/courses/project-flex-dice-layout) | β ββ | [π Start](https://labex.io/courses/project-flex-dice-layout) |
| 40 | [Give Your Page a Makeover](https://labex.io/courses/project-give-your-page-a-makeover) | β ββ | [π Start](https://labex.io/courses/project-give-your-page-a-makeover) |
| 41 | [Simple and Beautiful Home Page Design](https://labex.io/courses/project-labex-knowledge-network) | β ββ | [π Start](https://labex.io/courses/project-labex-knowledge-network) |
| 42 | [Movie Theater Seat Arrangement](https://labex.io/courses/project-movie-theater-seat-arrangement) | β ββ | [π Start](https://labex.io/courses/project-movie-theater-seat-arrangement) |
| 43 | [Responsive Web Design for All Screens](https://labex.io/courses/project-responsive-web-design) | β ββ | [π Start](https://labex.io/courses/project-responsive-web-design) |
| 44 | [Data Formatting and Visualization with Vue.js](https://labex.io/courses/project-table-data-conversion) | β ββ | [π Start](https://labex.io/courses/project-table-data-conversion) |
| 45 | [Vanished Into Thin Air](https://labex.io/courses/project-vanished-into-thin-air) | β ββ | [π Start](https://labex.io/courses/project-vanished-into-thin-air) |
| 46 | [Wish Sticky Note App with Vue.js](https://labex.io/courses/project-wish-sticky-note) | β ββ | [π Start](https://labex.io/courses/project-wish-sticky-note) |
| 47 | [Dynamization of Homepage Data](https://labex.io/courses/project-dynamization-of-homepage-data) | β ββ | [π Start](https://labex.io/courses/project-dynamization-of-homepage-data) |
| 48 | [Data Visualization with Echarts and JSON](https://labex.io/courses/project-food-protein-revealed) | β ββ | [π Start](https://labex.io/courses/project-food-protein-revealed) |
| 49 | [Letβs Have a Meeting Together](https://labex.io/courses/project-lets-have-a-meeting-together) | β ββ | [π Start](https://labex.io/courses/project-lets-have-a-meeting-together) |
| 50 | [Build a Vue.js Task Manager](https://labex.io/courses/project-time-management-master) | β ββ | [π Start](https://labex.io/courses/project-time-management-master) |
| 51 | [Weather Trend Chart with Vue and Echarts](https://labex.io/courses/project-weather-trend) | β ββ | [π Start](https://labex.io/courses/project-weather-trend) |
| 52 | [Responsive Web Design with Gulp](https://labex.io/courses/project-responsive-page-layout) | β ββ | [π Start](https://labex.io/courses/project-responsive-page-layout) |
| 53 | [Movie Ticket Reservation System](https://labex.io/courses/project-movie-ticket-reservation) | β ββ | [π Start](https://labex.io/courses/project-movie-ticket-reservation) |
| 54 | [Building Login with Vue.js and Vuex](https://labex.io/courses/project-missing-token) | β ββ | [π Start](https://labex.io/courses/project-missing-token) |
| 55 | [Implement User Login Function](https://labex.io/courses/project-implement-user-login-function) | β ββ | [π Start](https://labex.io/courses/project-implement-user-login-function) |
| 56 | [Time With Your Phone](https://labex.io/courses/project-time-with-your-phone) | β ββ | [π Start](https://labex.io/courses/project-time-with-your-phone) |
| 57 | [Counting Access Times by IP](https://labex.io/courses/project-counting-access-times-by-ip) | β ββ | [π Start](https://labex.io/courses/project-counting-access-times-by-ip) |## More Projects
- [Linux Programming Projects](https://github.com/labex-labs/practice-linux-programming-projects)
- [Python Programming Projects](https://github.com/labex-labs/practice-python-programming-projects)
- [DevOps Programming Projects](https://github.com/labex-labs/practice-devops-programming-projects)
- [Web Development Programming Projects](https://github.com/labex-labs/practice-web-development-programming-projects)
- [Data Science Programming Projects](https://github.com/labex-labs/practice-data-science-programming-projects)
- [Big Data Programming Projects](https://github.com/labex-labs/practice-bigdata-programming-projects)
- [Cyber Security Programming Projects](https://github.com/labex-labs/practice-cysec-programming-projects)
- [Machine Learning Programming Projects](https://github.com/labex-labs/practice-ml-programming-projects)
- [Docker Programming Projects](https://github.com/labex-labs/practice-docker-programming-projects)
- [Kubernetes Programming Projects](https://github.com/labex-labs/practice-kubernetes-programming-projects)
- [Git Programming Projects](https://github.com/labex-labs/practice-git-programming-projects)
- [Ansible Programming Projects](https://github.com/labex-labs/practice-ansible-programming-projects)
- [Jenkins Programming Projects](https://github.com/labex-labs/practice-jenkins-programming-projects)
- [Shell Programming Projects](https://github.com/labex-labs/practice-shell-programming-projects)
- [Java Programming Projects](https://github.com/labex-labs/practice-java-programming-projects)
- [Hadoop Programming Projects](https://github.com/labex-labs/practice-hadoop-programming-projects)
- [C++ Programming Projects](https://github.com/labex-labs/practice-cpp-programming-projects)
- [C Programming Projects](https://github.com/labex-labs/practice-c-programming-projects)
- [MySQL Programming Projects](https://github.com/labex-labs/practice-mysql-programming-projects)
- [Go Programming Projects](https://github.com/labex-labs/practice-go-programming-projects)
- [Rust Programming Projects](https://github.com/labex-labs/practice-rust-programming-projects)
- [OpenCV Programming Projects](https://github.com/labex-labs/practice-opencv-programming-projects)
- [Django Programming Projects](https://github.com/labex-labs/practice-django-programming-projects)
- [Pandas Programming Projects](https://github.com/labex-labs/practice-pandas-programming-projects)
- [NumPy Programming Projects](https://github.com/labex-labs/practice-numpy-programming-projects)
- [scikit-learn Programming Projects](https://github.com/labex-labs/practice-sklearn-programming-projects)
- [Matplotlib Programming Projects](https://github.com/labex-labs/practice-matplotlib-programming-projects)
- [Algorithm Programming Projects](https://github.com/labex-labs/practice-algorithm-programming-projects)
- [HTML Programming Projects](https://github.com/labex-labs/practice-html-programming-projects)
- [CSS Programming Projects](https://github.com/labex-labs/practice-css-programming-projects)
- [JavaScript Programming Projects](https://github.com/labex-labs/practice-javascript-programming-projects)
- [React Programming Projects](https://github.com/labex-labs/practice-react-programming-projects)
- [jQuery Programming Projects](https://github.com/labex-labs/practice-jquery-programming-projects)## Other Lists
- π [HTML Free Tutorials](https://github.com/labex-labs/html-free-tutorials)
- π [Awesome Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- π [Awesome Programming Courses](https://github.com/labex-labs/awesome-programming-courses)