Fulfledge

Put a page together

INPUT · Slides

Wrap it in a tag

01 / 05

HTML makes what is on the page

From here it is HTML — the language that makes what a web page contains and how it is put together.

Text, headings, pictures. One by one you write down what each thing on the page actually is.

02 / 05

Wrap your text in a tag

In HTML you give text its meaning by wrapping it in a tag.

  • <p> … the sign that says it starts here (the opening tag)
  • </p> … the sign that says it ends here (the closing tag)

The closing tag has a / in it. That is the easiest bit to drop, so watch out for it.

<p>Welcome</p>

03 / 05

p is the tag for a paragraph

The p is the p of paragraph. Ordinary text goes in this tag.

Only what you wrapped shows up on the page — the tags themselves are never shown.

<p>Today is curry day</p>

04 / 05

Line them up and they come out in order

You can line up as many sets of tags as you like. Write <p> twice and you get two paragraphs, one after the other from the top.

Split your writing where the meaning splits, and the page picks up those breaks too.

<p>I had bread for breakfast</p><p>I had udon for lunch</p>

05 / 05

Have a go straight away

The HTML you write shows up in the preview just below.

Write, look, fix — that is the rhythm of HTML. Nothing breaks if you get it wrong, so try things freely.