Welcome to Frankie's Super Sausage Server

A playful HTML tutorial starring everyone's favourite long-haired mini-dachshund.

The <hr> tag above creates a horizontal line to break up content. This paragraph uses <p> tags, which are not numbered like headings but can be styled individually using IDs or classes.

HTML lets us style text with tags like <b> for bold, <i> for italics, subscript, and superscript.

Sample HTML paragraph code
Example of styled paragraph elements.

Use <a> tags with href attributes to create links:

Frankie's Favourite Foods

Frankie's Favourite Toys

  1. Ball
  2. Ball
  3. Ball
HTML list code example
Code for unordered and ordered lists.

Image Layout with Tables

Frankie playing with friends Frankie asking to be picked up Frankie enjoying ice cream

Frankie in Action

Understanding CSS

CSS can be applied in three ways: Inline, Internal, and External. Here's an example of an internal rule:

h1 { color: green; font-size: 16px; }
Internal CSS example
CSS rule inside the <head> block.

To style individual elements, assign a class and target it in your CSS:

HTML with class attributes CSS class selectors Browser output with styled classes

Place an Order