Mission 1: Build a web page

In Mission 1 you are going to learn how to code in the programming languages HTML and CSS. Start off by learning what HTML is and how it works. Then use HTML tags to create a web page. Learn how to change the way your web page looks by coding paragraphs and line breaks, adding images and dividing your page into sections.

Then learn how you can use HTML with a new programming language called CSS. Change the layout and design of your web page by altering the colour, size and shape of your elements. Finally in the Do It Yourself Task use your new skills to build a web page of your own.

CODE SKILLS:Writing HTML

Learn how to structure a HTML web page and code a simple page with a title and text.

Get code

CODE SKILLS:Coding paragraphs and line breaks

Use the paragraph and line break HTML tags to create breaks in your web page.

Get code

CODE SKILLS:Adding images

Add images saved on your computer or from the Internet to your web page using the image tag.

Get code

CODE SKILLS:Creating sections

Learn how to divide your web page into sections by grouping pieces of content together.

Get code

CODE SKILLS:Writing CSS

Start coding with CSS by using the style attribute to set a CSS property and value.

Get code

CODE SKILLS:Using more than one CSS property

Use more than one CSS property at a time to change the design of your web page.

Get code

CODE SKILLS:Using CSS classes and the class attribute

Create CSS classes and apply them to your web page using the class attribute.

Get code

Do it yourself task:Build a web page

Use your new HTML and CSS skills to build a web page for Professor Bairstone that tells the world about the discovery of the Monk Diamond. Your web page should have an interesting layout and contain both text and images.

get code