Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ghaniketrajputp005/learning-html-with-dave-gray
Learn HTML with fun.
https://github.com/ghaniketrajputp005/learning-html-with-dave-gray
html5
Last synced: 10 days ago
JSON representation
Learn HTML with fun.
- Host: GitHub
- URL: https://github.com/ghaniketrajputp005/learning-html-with-dave-gray
- Owner: GhaniketRajputp005
- Created: 2024-02-24T17:43:40.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-26T18:38:36.000Z (9 months ago)
- Last Synced: 2024-08-10T14:52:16.168Z (3 months ago)
- Topics: html5
- Language: HTML
- Homepage:
- Size: 800 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learn HTML with Dave Gray and Build Your Website!
This repository accompanies Dave Gray's YouTube tutorials on learning HTML and building your own website. By following these tutorials, you'll gain practical experience while mastering the fundamentals of HTML.
## Getting Started
**Prerequisites:** Ensure you have a text editor or code editor installed, such as Visual Studio Code or Sublime Text.
**Clone this Repository:** Use Git to clone this repository to your local machine.
## Project Structure
This repository contains the following files and folders:
- **index.html:** The landing page of your website.
- **about.html:** A dedicated page providing information about website owner.
- **main.css:** Basic CSS styles applied to enhance the website's appearance.
- **images/:** Folder containing images used in the website.
## Learning and Building
Follow Dave Gray's tutorials on YouTube to understand the HTML concepts and their implementation in the provided files. As you progress through the lessons, you'll:
1. Grasp the core structure of HTML: Learn about essential elements like ``, ``, ``, and heading tags.
2. Structure your website's content: Use elements like paragraphs, lists, and images to organize information on the landing page (`index.html`) and about page (`about.html`).
3. Incorporate basic styling: Apply CSS styles defined in `main.css` to customize the visual aspects of your website.
## Building Your Website
1. Open the `index.html` file in your code editor.
2. Follow Dave Gray's instructions to modify the code and add content to your website.
3. Repeat the process for `about.html`, customizing it with information about yourself or the website's purpose.
4. Refer to `main.css` to understand the basic styles applied and explore adding more styling as you learn.
## Image Folder
The `images` folder contains all the images used in your website. Feel free to add or replace images as needed.
## Remember
- **View the source code:** Right-click on any webpage and select "View Page Source" to see how other websites are built using HTML and CSS.
- **Experiment and practice:** Don't be afraid to experiment with the code and explore different HTML features. Practice is key to solidifying your understanding.
## Free Tip
Use `w3c` HTML validator for checking any errors and warnings.
## Feel free to contribute to this repository by:
- Creating pull requests to suggest improvements or additional learning resources.
- Forking the repository and creating your own modifications.
## Additional Resources
- [Dave Gray's YouTube Channel](https://youtu.be/P0EGYTb1cBs?si=cuTE4MIK0lbB_Lxj)
- [W3Schools HTML Tutorial](https://www.w3schools.com/html/)
- [Mozilla Developer Network (MDN) Web Docs](https://developer.mozilla.org/en-US/docs/Web)
I encourage you to embark on this learning journey and enjoy the process of building your first website!