Formatting Your HTML Content
After you have the framework in place to build your web page, it’s time to consider how to format the text and images there.
Adding additional headings
</h1> to mark up the most important heading on the page, but we can have subheadings on the page too, marked up with
Our web page has two subheadings, for a section about Sean’s latest trip and for a section of travel photography tips. You can mark these up like this:
<h2>My latest trip</h2>
<p>Paragraph for the latest trip section goes here</p>
<p>Second paragraph in latest trip section</p>
<h2>My top tips for travel photography</h2>
<p>Top tips go here</p>
You can add more subheadings too. If you want to subdivide the latest trip section or the top tips section with headings, use
<h3> tags to mark up the headings inside it. If you have a particularly complex document, you can use heading levels all the way down to
<h6>, but it’s probably smarter to look at reorganizing that information so the web page isn’t so long.
Adding images to your web page
Pictures are a great way to liven up a web page and help you to get your message across. We’re going to use two pictures on this page: a wide panoramic shot as a banner across the top to give the site a visual identity, ...