Wednesday, 11 November 2015

Introduction to HTML

Learn the basics

Page 1: Starting offPage 5: Font colours
Page 2: Setting up the webpagePage 6: Aligning headings and text
Page 3: Bold, underline, italicsPage 7: paragraphs, font size, line breaks
Page 4: Heading stylesPage 8: Adding images

Step 1
Open Notepad (start > programs > notepad)
HTML code is written inside tags.
This is a tag:  < >
To start, you have to tell it that you are going to be writing code in HTML.

Write <html>
step 1
Once you have finished, you have to tell it that the html has ended.  If you do this right now you won’t forget later. 
Write </html>  (the / means ‘end’)

Step 2
Now you have to set up what is going to display in the top section of the web page.  This is called the ‘head’ section. 
Type in the starting head tag <head>
Type in the finishing head tag </head>
step 2

Step 3
We want to give the webpage top bar a title and to do this, you need to tell it that you want a title. 
Do this by putting in a ‘title’ tag in between the <head>  </head>  type:
step 3

Step 4
And in between the title tags you can type whatever you want to appear in the title bar of the web page.
Try typing ‘my first effort’ ( make sure it is exactly as shown here)
step 4

No comments:

Post a Comment

Wildern Pupils if you log onto your school email account you can leave a comment via that ID.