Build your first web page

Let's write a real web page with HTML.

Your first web page

Let's build a page about your community. Start with a big heading, using h one. Add a paragraph, using p. Add a smaller heading, using h two. Now a list. U L starts a bulleted list, and each L I is one item in the list.

Add a picture and a link

The image tag shows a picture. Src says which picture file to use. Alt describes the picture in words, for people who can't see it. Always add alt text. And a link uses the a tag, with h ref for the address it goes to.

Where to write HTML

You can try it right now, in the practice editor below this video. On a computer, type it in Notepad and save the file with dot H T M L at the end. Double click it to open it in your browser. Free websites like CodePen let you write and test code in your browser. And when you're ready, free hosting services can put your page on the internet for everyone to see.

HTML tips

Close every tag you open. A p tag needs a closing p tag. Indent tags that sit inside other tags, like list items inside a list. It's easier to read. Save your files with a name ending in dot H T M L. And check your page in the browser often, so you catch mistakes early.

Quick check

Quick check. Which tag makes one item in a bulleted list? L I, which stands for list item. It goes inside a U L list. Options: <li>; <h1>; <img>; <a>.

Recap

Use h one and h two for headings, and p for paragraphs. Use U L and L I for lists. Use image with alt text for pictures, and a with h ref for links. And close every tag you open.

I've read this lesson