Exercise

1. In the root folder, create a new file called index.html and open it in our text editor.
2. Create our base structure using the doctype, html, head, title and body tags.
3. Enter the title ‘Web Design Components’.

Introduction text

In Chapter 2, we discussed how to use the various text-related tags to create hierarchy and importance among your content. We introduced the <h> and <p> tags and their variants. In Chapter 3 we discussed divs and highlighted their use in grouping content together. Then finally we introduced ids and classes and how they are used to identify content and use those identifiers to target our content. Let’s put these tags to use now by giving our webpage an introductory section of text and wrapping it in a div.