<h1>Blue Peter Time Capsule Dug Up 33 years early</h1>
<p>A Blue Peter time capsule has been accidentally dug up by construction workers 33 years earlier than planned.</p>
<p>The Millennium Time Capsule was buried under the Millennium Dome, now the O2 Arena, in 1998.</p>
<h2>Earlier Than anticipated<h2>
<p>A spokesperson for the BBC said: ‘Although a little earlier than anticipated, we’re looking forward to sharing these memories with our viewers and making new ones as we return the capsule to the earth so that it can be reopened in 2050 as originally planned.’</p>
Notice how we can use a mixture of header and paragraph tags to help us to give structure to our information and to outline importance and association.
What if we want to add some other formatting to our text inside the paragraph? Well, for that we make use of ‘inline elements’. While block-level elements force stacking behaviour, by contrast, inline elements do not start new lines or disturb the flow of the document. Let’s examine some inline elements, starting with a useful tag for adding an italic style to our text. For this we use the <em> tag, the ‘em’ meaning emphasis. We can simply wrap this tag around a word, or any number of words, to italicize the contents.
Add the <em> tag around some text in your code (making sure to close the tag at the end), save your document and refresh your webpage in your browser. Notice how your text has been italicized and is still on the same line as the other text?
There are many inline elements that we can use for styling our text, such as:
You might sometimes see <b> used for bold text, and <i> used for italic; these tags can be used, and are displayed in the browser in the same way. However, <strong> and <em> (meaning emphasis) are preferred as they are deemed more semantic because they describe what the content means rather than just how the text should look. For example, <bold> just means ‘display text in a thicker font’, whereas strong indicates ‘strong importance’. It simply describes the content better.
The <br> tag is a special tag – it denotes a line break. You can use the <br> tag within your paragraph tag, or your header tags; you can actually use it anywhere. It simply breaks up your content and forces whatever comes after it to appear on a new line. The <br> tag is an example of a tag that does not require a separate closing tag. It is known as an ‘empty HTML element’, as it has no content. While empty elements do not require a closing tag, it is considered best practice to close them in the opening tag, like so: <br/>.