Today you type real HTML yourself.
You will work on a small practice page, not the site you finished. That site stays safe.
You will change tags, write a new tag, put one tag inside another, and fix a tag when it breaks.
Until today, blocks wrote the HTML for you. You read it in the HTML tab.
Today you type in that tab yourself.
A tag is a short code marker. Most tags come in pairs: one to open and one to close. The closing tag has a slash, like this:
<p>These words show on the page.</p>
The words between the tags are what the visitor sees.
Two important warnings.
1. This lesson opens a small practice page only. It is not your finished site.
2. Leave go back to blocks alone unless your teacher says otherwise. That button throws away what you typed.
Open the interactive activity.
You should see a small practice page called Practice, with a heading, two sentences and a picture.
This is not your finished site. It is a page just for today's typing.
Click the HTML tab.
Find these parts in the code:
<h1> and </h1> around the heading<p> and </p> around the sentences<img (that is the picture)Do not type anything yet. Just read and point to each part on your screen.
Stay on the HTML tab.
Find the heading line. It looks like this:
<h1>My Favourite Pet</h1>
Click between <h1> and </h1>.
Delete the old words and type a new heading of your own. Keep the tags. Only change the words in the middle.
Before you open the Your web page tab, pause. What do you think will change on the page?
Now open Your web page. Was your prediction right?
Next, change the words inside one of the <p>...</p> tags the same way.
Check the page again.
If a notice appears about the code now driving the page, that is meant to happen. You are typing real HTML.
Stay on the HTML tab.
Click at the end of the last paragraph line. Press Enter to make a new empty line.
Type this whole tag yourself, carefully:
<p>I am typing this tag myself.</p>
Check every character: opening tag, your sentence, closing tag with a slash.
Tip: to type < and >, hold Shift and press the comma or full-stop key. Check you have both angle brackets, and a / in the closing tag.
If typing the whole line feels hard, copy the example above, paste it onto your new line, then change the words in the middle to your own sentence.
Open the Your web page tab. Your new sentence should show on the page.
If it does not, compare your line to the example and fix any missing piece.
You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.