TEACHING YOU HOW TO CODE Part 1

TEACHING YOU HOW TO CODE Part 1. We are going to be building a simple blog page using HTML and CSS. Open your file explorer and create a new folder named Simple Blog Page. Open that folder into your code editor inside and create index.html and style.css. Open index.html and write the exclamation mark and press enter to generate a boilerplate. This includes the doc type, this tells browsers we're using modern HTML five, your HTML tag with lang equals n for English, a head section which contain the charset meta tag so special characters work, the viewport meta tag for mobile, and your title tag my blog page. Open your live server to check our blog page. Back into our index.html file, now see the body tag inside wrap everything in a div with class site. This becomes our main container. Create a header tag with class site header and role banner. Inside add an H1 that says my simple blog. Add your nav tag with aria label primary and role navigation. Create four links post 1, post 2, post 3 and home. Open the live server to see the changes. Next, under the header add a main tag with role main. Add an H2 saying welcome to my blog page. Then a paragraph check out the latest posts. Create an unordered list with three items each linking to a post, understanding HTML basics for post one dot html, CSS tips and tricks for post two dot html, JavaScript for beginners for post three dot html. Finally, add a footer with the class site footer and role content info inside, put a paragraph with copyright, a time tag with the year 2025 and your blog name. Open the live server to see our simple page looks so far. So far we have only done our homepage, so don't forget to check my videos for part 2.