Site hosted by Angelfire.com: Build your free website today!

HTML>Create a Page

 

Create a Page HTML Quiz HTML Quick Reference Going Live

Putting it all together

Ok. So lets put all we just learnt together and develop a webpage from scratch.

We know the basic structure for an HTML document, lets build on this structure to develop a webpage which could be used by students studying Art. Have a look at what the final page will look like.

Creating the Webpage

Lets add the title "Edgar Degas" to our basic page. Check out the HTML code required to add the Title and see what the resulting webpage looks like.

Ok. so now we have a webpage with a title, we now want to add the heading "Introduction to the Impressionist Artists". We want the size of this heading to be 2, the font face to be Arial Helvetica and the font size to be 5. Check out the HTML code required to add the Heading and see what the resulting webpage looks like.

Next thing to do is to add the pictures. The pictures are aligned to the left and the size, width and alt of each picture is set. Check out the HTML code required to add the Pictures and see what the resulting webpage looks like.

O.k. now we need to add the heading "Edgar Degas" to the page. We want the size of this heading to be 2, the font face to be Arial Helvetica and the font size to be 5, just like the heading above. Check out the HTML code required to add the new heading and see what the resulting webpage looks like.

So far so good. Not so difficult is it. Can you see how your webpage is building up little by little. We now need to add some paragraphs relating to the artist Edgar Degas. We want the font face to be Time New Roman and the size of the font to be 3. Check out the HTML code required to add Paragraphs and see what the resulting webpage looks like.

Lets now add the final touches to your webpage. Lets add the "Selected Works" heading and the links to webpages containing pictures of Degas works. Check out the HTML code required to add Links and see what the resulting webpage looks like.

See it's as simple as that - you now have created a webpage from scratch and have all the knowledge you need in order to create your own pages. So get started !

Go to Top of PageGo to Top of PageHTML Image TagHTML Image TagTake the HTML QuizTake the HTML Quiz

 

 

HTML OverviewHTML RequirementsHTML TagsHTML Document StructureViewing HTML Source CodeHTML Heading TagHTML Paragraph TagHTML Line Break TagHTML Comment TagHTML Horizontal Rule TagHTML Block Quote TagsHTML Font Size AttributeHTML Font Colour TagHTML Font Type TagHTML Teletype TagHTML Alignment TagHTML Ordered ListsHTML Unordered ListsHTML Definition ListsHTML Anchored Link TagsHTML Mailto Link TagsHTML Image TagsLets create a webpageTake the HTML QuizHTML Quick Reference GuidePublishing your Website