Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out more
Standard view
Full view
of .
Look up keyword
Like this
0 of .
Results for:
No results containing your search query
P. 1
HTML 4.01 Basics

HTML 4.01 Basics



|Views: 172|Likes:
Published by Rhian Lacoste
This is the module we'll be using for my HTML class this 2010. Credits to W3C.org. Please download to view properly. Use it for personal/educational only. Thanks
This is the module we'll be using for my HTML class this 2010. Credits to W3C.org. Please download to view properly. Use it for personal/educational only. Thanks

More info:

Published by: Rhian Lacoste on Dec 02, 2008
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less





1HTML 4.01 Basics
Owen S. LacosteArkicad Center for Computer Graphics10/14/2008
HTML 4.01 Basics
2HTML 4.01 Basics
What You’ll Need
A browser (you're using one right now)
A text editor
Step 1: Open a Text Editor
Windows users: open
[Start > Programs > Accessories > Notepad][Start> Run> Type “notepad” and press Ok.]
Step 2: Create and Save the Web Page
 The Basic Structure of HTML is given below. Type in the code
into your text editor, starting with the text,"
<html><head><title>My Webpage</title></head><body>This is my webpage.</body></html>
Once you have finished with your code, save the file in your home directory orDesktop as "
Step 3: Display the Webpage in Your Browser
Open your file by double-clicking it or click the right button of the mouse and select Open. You’ll see that only
“This is my webpage.”
is displayed on the browser on a white background.
Where did everything else go?And what are those words with the angle brackets, anyway?
A Brief Introduction to Tags
 The web page
uses the following tags:
<html>, <head>, <title>, and<body>.
Don’t use
, or any otherprogram that does not savefiles as plain text.
Take Note
Notepad is not an ideal texteditor for our purposes.Notepad
wants to workwith files that have a .txtextension. You must
Select the All Files
3HTML 4.01 Basics
 Tags do not appear directly when you view a web page. Instead, they serve as
instructionsto your browser
.Tags can change the font, create a link, insert an image, and more. The tags in
that begin with a slash (
<html>, <head>, <title>, and <body>)
are called
closing tags
. Closing tags stop the effect of the tag that they correspond to.
Seeexample below
<body> section ends at the closing tag, </body>.
Tag Properties
 Tags are delineated by angle brackets (
< >
 Tags are "invisible"; they don't directly appear in the web page
Closing tags begin with a slash and end the effect of a previous tag
Structural Tags
"Here begins the HTML."All well-formed HTML documents have one <html> and one </html> tag. These tags, along with the .html file extension, identify a file as an HTMLdocument.
: "Here begins the header." The header contains tags that apply to the overall document. For example, itmight contain tags that are designed for search engines to pick up: keywords,a short description, and so on. Information in the header is
meant to bedirectly displayed as normal webpage content.
: "Here begins the document title." (Must be in the header)
: "Here begins the body."All well-formed HTML documents have one <body> and one </body> tag. This section is where you put all the text and tags that should be displayed inthe main browser window. This is why the words, "This is my webpage"appear in index.html.
Tag Components
 Tags have three main components:
: Identifies the type of the tag.
: Allows one type of tag to produce different effects.
: Allows particular attributes to vary.<
"...>...(text or more tags go here)...<
Misspellings and Misunderstandings
A browser processes an HTML page something like this:1.Identify anything that is between angle brackets (< >) as a "tag"
Take Note
Some tags do not require aclosing tag or attributes towork properly: The <br> tag creates a line
Case is irrelevant
for tags.Some people prefer all uppercase, so that when they lookat their HTML source, it'seasier to differentiate tagsand text. Either way, it's just aparticular style choice.

Activity (7)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
Ali Raza liked this
skkanagaraj liked this
skkanagaraj liked this
madhiya liked this
vikram24gx liked this

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->