Python for All

Part One

Emphasis — Strong and Italic

Not all words carry the same weight. In print, editors use bold and italic to signal importance, titles, foreign words, or spoken stress. HTML provides two semantic tags for this purpose — and they carry meaning beyond just visual styling.

<strong> marks text as strongly important. By default browsers render it bold, but its real purpose is semantic: this word matters more than the surrounding text. Screen readers may give it a different emphasis in speech.

<em> marks text as emphasised — typically rendered in italics. Use it for titles of works, foreign-language terms, or words that carry spoken stress in the sentence.

Part Two

Blockquotes — Attributing Sources

Attribution is the cornerstone of journalism. When you quote a source directly, HTML gives you the <blockquote> element — a block-level container for extended quotations. It is visually indented by default, signalling to the reader that this is someone else's words.

Inside the blockquote, use a <p> for the quoted text and a <footer> (or a <cite> element) to attribute the source.

Notice how the blockquote styling — the left border, the background tint, the italic text — makes the quote visually distinct from the body text. This pattern appears on almost every major news website.

Part Three

Other Useful Inline Tags

HTML has several small but powerful inline elements that are especially useful for journalism.

<mark> highlights text, like a yellow marker. Use it to draw attention to key facts in a data-heavy passage.

<abbr title="..."> marks an abbreviation and provides the full expansion as a tooltip. Hover over the abbreviation in the preview to see it.

<time datetime="..."> marks a date or time and gives it a machine-readable format. Search engines and social media platforms use this to understand when your article was published or when an event occurred.

Part Four

Your Turn — Build a Quoted Story

Write a short news article (real or imagined) that includes:

• A headline (<h1>) and at least two paragraphs (<p>)
• At least one use of <strong> or <em>
• A <blockquote> with a source attribution in <footer>
• A <time> element for the publication or event date