21 Days to Frontend Mastery: Your HTML & CSS Bootcamp
Day 1: Build Your Own Personal Website! 🎉
1. Brainstorm your content: What do you want to share? Your bio, contact info, links to your social media, maybe even your skills and interests?
2. Create your HTML file: Open your favorite text editor (like VS Code, Sublime Text, or Notepad++) and create a new file called "index.html". This is the foundation of your website.
3. Set up the basic structure: Start with <html>, <head>, and <body> tags. These are like the rooms in your website house!
4. Add your bio: Inside the <body>, use <h1> for your name, <p> for your description, and other tags to format it nicely.
5. Include your contact details: Add your email, phone number, and links to your social media.
6. Save and check it out: Save your "index.html" file and open it in your browser! See how it looks and make adjustments.
7. Optional: Add some style (CSS): If you're feeling fancy, create a "styles.css" file and link it to your HTML using <link> in the <head>. This lets you control the look and feel of your website.
8. Publish your website: Once you're happy with it, you can share your website with the world! Use a free hosting service to upload your "index.html" and "styles.css" files.
Resources to help you:
• Mozilla Developer Network (MDN) HTML Guide: [https://developer.mozilla.org/en-US/docs/Glossary/HTML](https://developer.mozilla.org/en-US/docs/Glossary/HTML)
• W3Schools HTML Tutorial: [https://www.w3schools.com/html/](https://www.w3schools.com/html/)
• Codecademy HTML Course: [https://www.codecademy.com/learn/learn-html](https://www.codecademy.com/learn/learn-html)
Share with credit : https://t.me/FUA_CODE
Day 1: Build Your Own Personal Website! 🎉
1. Brainstorm your content: What do you want to share? Your bio, contact info, links to your social media, maybe even your skills and interests?
2. Create your HTML file: Open your favorite text editor (like VS Code, Sublime Text, or Notepad++) and create a new file called "index.html". This is the foundation of your website.
3. Set up the basic structure: Start with <html>, <head>, and <body> tags. These are like the rooms in your website house!
4. Add your bio: Inside the <body>, use <h1> for your name, <p> for your description, and other tags to format it nicely.
5. Include your contact details: Add your email, phone number, and links to your social media.
6. Save and check it out: Save your "index.html" file and open it in your browser! See how it looks and make adjustments.
7. Optional: Add some style (CSS): If you're feeling fancy, create a "styles.css" file and link it to your HTML using <link> in the <head>. This lets you control the look and feel of your website.
8. Publish your website: Once you're happy with it, you can share your website with the world! Use a free hosting service to upload your "index.html" and "styles.css" files.
Resources to help you:
• Mozilla Developer Network (MDN) HTML Guide: [https://developer.mozilla.org/en-US/docs/Glossary/HTML](https://developer.mozilla.org/en-US/docs/Glossary/HTML)
• W3Schools HTML Tutorial: [https://www.w3schools.com/html/](https://www.w3schools.com/html/)
• Codecademy HTML Course: [https://www.codecademy.com/learn/learn-html](https://www.codecademy.com/learn/learn-html)
Share with credit : https://t.me/FUA_CODE
