Sie sind auf Seite 1von 19

Intro to HTML

What is browser?
The two common browsers
What is HTML?
Essential Basic Tags

Diagrams that illustrate the different


kinds of HTML File.
a.)
b.)

__________

____________

c.)

___________

HTML File Structure


A. Hierarchical - It is a structure of which
pages are organized branching off from
the main page.
Have the so called sub-pages
Commonly used by Web developers

B. Linear - Organizes folders in a particular


order.
Viewers can visit the site and can move from one
page to the next, but cant jump to other pages.
Useful in a step-by-step instruction.

C. Webbed - highly organized and not


recommended unless it is necessary.
Useful when a Web site is extensively crossreferenced.
The latest type of HTML file structure.

What is a browser?
A browser

is a computer program that


resides on your computer to view
documents
The two most popular browsers:
Netscape and Microsoft Internet
Explorer

Web Page
is

simply a text file ending with suffix


.html or .htm in its raw form

Web Site
is

anything published on the Web that is


physically located anywhere in the world

Text Editors

are application software which allows you


to create HTML files.

Ex: Microsoft Word


NotePad

Web Editors

allows you to create a Web page in a


drag-and-drop environment as it
would display in a Web browser.

Ex: Microsoft FrontPage


Macromedia DreamWeaver

What is HTML?
HTML (Hypertext Markup Language )
is a system of elements that was originally
meant to suggest how a document should
be presented over the Web.
HTML is the coding system used to
make web pages or sometimes called the
language of web pages

Essential/Basic Tags
Tags
- are commands or the source code
for any web page that interspersed all
through the document.

HTML Basic Structure

<html> - indicates the beginning of an HTML


document.
<head> - used to start the head of an HTML
document.
<title> - contains text that will appear on the top
bar of the browser.
<body> - element signifies the beginning of the
content to be displayed by the browser.

</html> - end of the HTML document


</head> - end of head
</title> - end of title
</body> - end of the document body

Ex:
<html>
<head>
<title>Example</title>
</head>
<body> </body>
</html>

Different Kinds of Tags


Container

Tags
Empty Tags
Attributes

Container Tags
Require an <> open tag and a </>
closing tag
Ex:
<center> </center>

Back>>

Empty Tags
Do not require a closing tag.
Empty tag executes an HTML command
that embeds an element all on its own
Ex:
<HR> - (horizontal rule)
<BR> - (line break)

Back>>

Attributes
Are options that affect or enhance the way
the tag displays content on the web page.
Made up of three components: the name,
the = sign, and the value of the attribute.
Ex:
<P ALIGN=right>

Back>>

Das könnte Ihnen auch gefallen