Your first webpage

Step 1
Open your Text Editor

To find PC Notepad go to:

Start
All Programs
Accessories
Notepad

To find MAC TextEdit go to:

Start up MAC
Go Applications
Click on TextEdit

Step 2
Enter the following code inside the editor:

Hello World

Hello world. This is my first web page. How do you like it?.

Step 3
Create a folder on your hard drive called HTML. (See Managing Files for help).

Step 4

Save the document as: helloworld.html in the Html Folder. Your file can be saved as either an htm or html file. I save mine as html files. Whatever you decide, just remember to be consistent.

Step 5
To preview your new document, go to the HTML folder and open the helloword.html file. Your browser should open up and your page will appear. Like this:

Congratulations!

You have successfully completed your first web page. It actually doesn’t get any harder than this for your simple, everyday page.

Now let’s learn some more tags.

It should look like this (in Notepa

Basic Text Formatting
After any length of time on the Internet, you’ll notice that a webpage is made up of more than just plain words on a screen. There are headlines, paragraphs, graphics, colors and much more. It’s a lively place to be.

Our next tags–headline, paragraph, line break and horizontal rule–will help us make our current page a lot more exciting. Let’s learn how.

Paragraphs and Breaks

…
Every time you want to begin a new paragraph, you use the paragraph tag. This is a container one, so you have to remember to have a beginning and an ending. Do you remember what an ending tag looks like? Here’s the tag with an opening and an closing:

…

To add a single line of space, you use the break tag:

This is an empty tag and stands alone. You can use the
tag to insert one or more blank lines.

Horizontal Rule
To create a horizontal line on your page you use the empty tag:

Headline tag
One way to create bold copy in HTML is by using the headline tag. There are six levels of headlines, ranging from

…

to

…

. Here is an example of the code for all the headline sizes:

Level 1 Headline

Level 2 Headline

Level 3 Headline

Level 4 Headline

Level 5 Headline

Level 6 Headline

d):

The post HTML coding for kids chapter 3 appeared first on Vista Academy coding for kids coaching , computer Accounting and Spoken English classes.