S02 L01 Create and View an HTML Document

📘 CREATE AND VIEW AN HTML DOCUMENT In this lesson, we create a first HTML page in Visual Studio Code and open it directly in Chrome. You will also see how to use Emmet shortcuts to generate HTML structure and content quickly. 🎯 IN THIS VIDEO Create a new project folder and open it in VS Code (Mac and Windows) Create an index.html file and why that filename matters Use Emmet ! to generate an HTML5 starter template Understand the document structure (doctype, html, head, body) Add headings and a paragraph with Emmet shortcuts Generate placeholder text quickly with Emmet Save and format the file, then open it directly in Chrome 🚀 HOW TO USE THIS COURSE This lesson starts the practical HTML/CSS section. Follow along by creating the same file structure locally before moving to the next lesson. 👉 Course Website: www.richardbraycourses.co.uk 👉 Course Repositories: www.github.com/RichardBrayCourses 👉 Full course playlist: https://youtube.com/playlist?list=PLNlOxdq7xu14b5ewH4IJC9tMinkgZBuVR&si=Pg8pEDR5UUbQstz6 📂 SECTION REPOSITORY Section 2 repository: https://github.com/RichardBrayCourses/frontend02-html-css 💡 NOTE If Emmet shortcuts do not expand, confirm the file is saved with the .html extension and press Tab after the abbreviation.