HTML Day 2026 :: Tips & Tricks

Set the Background

Give any page a solid background colour:

<body bgcolor="#000080">

Colours are hex codes: #000080 is navy.

Make Things Move

Scroll text across the screen:

<marquee>I slide across!</marquee>

Add behavior="alternate" to bounce it back & forth.

Make a Link

Send visitors to another page:

<a href="poster.html">My Poster</a>

Add target="_blank" to open it in a new tab.

Show a Picture

Drop an image onto the page:

<img src="cat.gif" width="150">

Always add alt="..." to describe the picture.

Colour Your Text

Wrap words to change their colour:

<font color="red">Hello!</font>

Tip: type < and > to SHOW tags instead of running them.

Make a List

Stack items with bullet points:

<ul>
  <li>First</li>
  <li>Second</li>
</ul>

Swap <ul> for <ol> to get numbers instead.

Draw a Line

Split sections with a horizontal rule:

<hr color="#000080" width="80%">

width can be a percent or a pixel number.

Bold & Italic

Emphasise your words:

<b>strong</b> and <i>slanted</i>

<b> makes bold, <i> makes italic.

Add a Heading

Title your sections, biggest to smallest:

<h1>Big Title</h1>
    <h2>Smaller One</h2>

Headings run <h1> down to <h6>.

Line Breaks

Start a fresh line anywhere:

First line<br>Second line

<br> stands alone — no closing tag needed.