Embed
Email

How to Create a Simple Web Page With HTML

Document Sample

Shared by: hariyadi ningrat
Categories
Tags
Stats
views:
0
posted:
11/7/2011
language:
English
pages:
2
How to Create a Simple Web Page With HTML





Yes, you can make a webpage without learning HTML. But should you? No.

Because, for one thing, you will have problems somewhere down the road,

no matter what webpage editor you're using, and you will need to know

HTML to fix it. There are many good websites where you can learn HTMLsuch

as HTML Goodies.com. This article shows you the basics of creating a

website in HTML. With this basic introduction, you'll soon be able to

make a webpage from scratch!

Edit Steps

1. 1

Understand what HTML is. Technically, it stands for Hypertext Markup

Language, but that's not important. It's the coding language that make

web-pages. Go into Netscape and choose from the VIEW menu "page source"

(earlier versions called this "document source"). Or, in Internet

Explorer, the VIEW menu option is "source". In Mozilla Firefox, press

[Ctrl]+U to view the page's source code. In Safari, select View - View

Source (or Option+Command+U). You will see a page of code, and that is

HTML. That code is what your browser sees and then interprets it into

that nice web-page you see.

2. 2

Remember: not all pages are equally complex! Start with a really simple

page, or you'll get overwhelmed by the syntax and the script languages.

It's important to remember that you'll be writing your information

between an opening HTML tag and a closing HTML tag. An opening tag looks

like: and a closing tag is like so: where the ___ is

replaced with a code.

3. 3



Go to Start > Programs > Accessories > Click Notepad.

Go to Start > Programs > Accessories > Click Notepad.

4. 4



Tell the browser what language we are using.

Tell the browser what language we are using. Type . It is the first

tag we write (tells the computer we're starting a web-page), and it will

be closed last, so at the end of the document, close it off by typing

this : (ends web-page)

5. 5



Add the heading of the page as shown.

Add the heading of the page as shown.

6. 6



Give your page a title.

Give your page a title. A title is important because (a.) it gives your

users an idea what the page is about, and (b.) when users bookmark your

site, that title is all they will see in their bookmark list. The title

HTML code is . Close it off at the end of your title by writing

.

7. 7



Work on the body of the page.

Work on the body of the page. Type to open the body tag. Then

close the body tag: . The bulk of the information for your web-

page goes between and .

To give your web-page a background color, you can add a style to the

body. Instead of writing just write . You can try a different color or even a hex code. The words

in the quotation marks are known as "attributes". They must be surrounded

by quotation marks!

8. 8



Write some text between the body tags.

Write some text between the body tags.

To make the text go to the next line (like pressing "Enter" on your

keyboard) write .

Want to add a marquee? Simple! TEXT GOES HERE A

marquee is a word that moves across the screen.

9. 9

Add some pictures. If you want to put a picture from the Internet onto

your web page, this is the HTML code for pictures : . The

closing tag is: but it is optional.

10. 10

Check to make sure all of your tags are closed. Your webpage should look

something like this:







My Web-page



I love wikiHow because

It's the best website in the world!







11. 11

Save by going to "save as", put a filename with an .html extension (such

as "testfile.html")and choose "all files" or "txt" under file type. It

won't work if both are not done. Now go find it wherever you saved it,

double click it, and your default web browser should open up your very

own web-page!


Related docs
Other docs by hariyadi ningr...
HTML Attributes
Views: 0  |  Downloads: 0
diagram avtivity perpanjang license
Views: 8  |  Downloads: 0
modul animation racspira
Views: 9  |  Downloads: 0
per2 HTML Fonts
Views: 5  |  Downloads: 0
reponsi pengWEB about HTML Basic Document
Views: 6  |  Downloads: 0
tugas listing mod 8 ood
Views: 17  |  Downloads: 0
How to Get Into Your Character in a Show
Views: 0  |  Downloads: 0
How to Animate Your Own Show
Views: 1  |  Downloads: 0
HTML Elements
Views: 0  |  Downloads: 0
HTML Introduction
Views: 0  |  Downloads: 0
By registering with docstoc.com you agree to our
privacy policy

You are almost ready to download!

You are almost ready to download!