Chapter 3: Adding Some Style

en_GB Chapter 3: Adding Some Style http://tobyinkster.co.uk/article/html-tutorial-3/ ==== So now you know how to make a basic web page. When writing the page, we focused on structure — how the page was divided up into its various parts (headings, paragraphs, etc) — but not on style. In this chapter we’ll focus on how to apply style to your page, but without even changing the HTML! <h2>Applying A Basic Style</h2> Right now, our page looks something like this: <a href="/Images/html_tutorial/figure5.png"><img src="/Images/html_tutorial/thumb-figure5.png" height="150" width="137" alt="picture of the example in a browser"></a> You’ll remember that one of the lines in the HTML file said this: <pre><code class="html">&lt;link rel="stylesheet" href="style.css"&gt;</code></pre> So we shall now create a file called style.css and add some formatting instructions to it. <pre><code class="css">body { font-family: Arial, Helvetica, “Sans Serif”; background-color: white; color: black; font-size: 12px; } h1 {…