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

HTML 4.01 Basics

Ratings:

5.0

(1)
|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

Availability:

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

05/09/2014

pdf

text

original

 
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
Notepad
[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>
".
<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 "
index.html
".
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?
?
Tags
A Brief Introduction to Tags
 The web page
index.html
uses the following tags:
<html>, <head>, <title>, and<body>.
 
Caution
:
WordProcessors
Don’t use
Word
,
Wordpad
,
AppleWorks
, or any otherprogram that does not savefiles as plain text.
 
Take Note
:
Notepad
Notepad is not an ideal texteditor for our purposes.Notepad
really 
wants to workwith files that have a .txtextension. You must
constantly
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
index.html
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
<html>:
"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.
<head>
: "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
not 
meant to bedirectly displayed as normal webpage content.
<title>
: "Here begins the document title." (Must be in the header)
<body>
: "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:
tagname
: Identifies the type of the tag.
attribute
: Allows one type of tag to produce different effects.
value
: Allows particular attributes to vary.<
tagname
 
attribute1
="
value1
"
attribute2
="
value2
"...>...(text or more tags go here)...<
/tagname
>
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
:
Tags
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.
<BODY>
,

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

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