https://github.com/cihat-kose/html-learning-kit
This project is an HTML5 learning kit featuring hands-on examples of forms, tables, images, and links. It serves as an educational resource for beginners to grasp fundamental web development skills and HTML5 structure.
https://github.com/cihat-kose/html-learning-kit
ables beginner-friendly css3 forms frontend html5 learning static-site web-development
Last synced: 3 months ago
JSON representation
This project is an HTML5 learning kit featuring hands-on examples of forms, tables, images, and links. It serves as an educational resource for beginners to grasp fundamental web development skills and HTML5 structure.
- Host: GitHub
- URL: https://github.com/cihat-kose/html-learning-kit
- Owner: cihat-kose
- License: mit
- Created: 2023-02-12T08:32:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-05T21:18:32.000Z (9 months ago)
- Last Synced: 2025-01-05T22:19:43.192Z (9 months ago)
- Topics: ables, beginner-friendly, css3, forms, frontend, html5, learning, static-site, web-development
- Language: HTML
- Homepage:
- Size: 152 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML Learning Kit
This project is a comprehensive learning kit designed to teach the basics of HTML5 forms, tables, links, and web page structuring. It consists of various practical exercises to help beginners build foundational web development skills.
## Table of Contents
- [Project Overview](#project-overview)
- [Features](#features)
- [How to Run](#how-to-run)
- [Dependencies](#dependencies)
- [Future Work](#future-work)
- [Contributors](#contributors)
- [License](#license)
- [Contact](#contact)
## Project Overview
The **HTML Learning Kit** covers essential topics such as:
- **HTML Pages:**
- `index.html` – Homepage structure and navigation menu
- `form.html` – User registration form
- `combo.html` – Dropdown selection (combo box)
- `baglanti.html` – Link creation examples
- `tablo.html` – Table design and form integration
- `kurslar.html` – List of courses with section navigation
- **Images:**
- `resimler/submit.png` – Submit button
- `resimler/submit2png.png` – Arrow button
## Features
- Basic HTML5 form and table examples
- Interactive form elements (dropdowns, checkboxes, radio buttons)
- Navigation between pages using internal and external links
- Structured code for easy learning and modification
- Demonstrates core HTML elements such as lists, paragraphs, and tables
## How to Run
1. Clone or download the project:
```bash
git clone https://github.com/cihat-kose/html-learning-kit.git
```
2. Navigate to the project directory:
```bash
cd html-learning-kit
```
3. Open `index.html` in your web browser to view the project.
4. Alternatively, open individual HTML files (e.g., `form.html`, `tablo.html`) directly to explore specific components.
5. Customize HTML forms and tables as needed for learning purposes.
## Dependencies
- A modern web browser (Chrome, Firefox, Edge, etc.)
- Text editor (Visual Studio Code, Sublime Text, Notepad++)
- Basic understanding of HTML for further customization
## Future Work
- Add CSS for enhanced styling
- Implement JavaScript for form validation and interactivity
- Expand to cover more advanced HTML5 elements (audio, video, canvas)
- Introduce responsive design for mobile compatibility
## Contributors
- [Cihat Köse](https://github.com/cihat-kose)
To contribute:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-branch
```
3. Commit your changes:
```bash
git commit -m 'Add new feature'
```
4. Push to the branch:
```bash
git push origin feature-branch
```
5. Create a **Pull Request**.
## License
This project is licensed under the MIT License.
See the [LICENSE](LICENSE) file for details.
## Contact
For any questions, feedback, or contributions, please open an issue in this repository.
Alternatively, feel free to reach out via GitHub.