over view of html

Post on 21-Jun-2015

61 Views

Category:

Career

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

material to teach

TRANSCRIPT

Portfolio

Actual making website

<HTML>Overvie

w Prepapred By; Keith B. Manatad

What is HTML?

HTML is an ASCII text file that contains embedded HTML tags. On a UNIX server, it typically has a filename extension of .html .

In general, the HTML tags are used to identify the structure of the document and to identify hyperlinks (to be highlighted) and their associated URLs.

HTML identifies the structure of the document and it suggests the layout of the document. The display capabilities of the Web browser determine the appearance of the HTML document on the screeen.

Autoflowing and AutowrappingThe most basic element in the HTML document is the paragraph.

The Web browser flows all the contents of the paragraph together from left to right and from top to bottom given the current window or display size. This is called autoflowing. How you break lines in that paragraph in the HTML is irrelevant when that page is displayed by a Web browser.The Web browser wraps anything that doesn't fit on the current line, putting it on the next line. For example, a paragraph that displays six lines long on an 8-inch wide window rewraps to be about 12 lines long if the user resizes the Web browser window to be half as wide. This is called autowrapping.

Your document will be read by both graphical and character-based Web browsers. Furthermore, there will be display differences with graphical Web browsers given different screen resolutions. So just because one browser breaks a line at one place, that doesn't mean others will do so at the same place. Just remember that on the Web, you live in a world that is left-justified and flows from top to bottom.

Using HTML you can identify:

The title of the document The hierarchical structure of the document with header levels and section names Bulleted, numbered, and nested lists Insertion points for graphics Special emphasis for key words or phrases Preformatted areas of the document Hyperlinks and associated URLsThese things all depend on the browser, which may allow

the user to control them.

HTML cannot control the:

Typeface used for any document component

Point size of any specific font

Width or height of the screen

Centering, spacing, or line breaks of information, except in preformatted text. Background, foreground, or highlight colors

These things all depend on the browser, which may allow the user to control them.

HTML Tag Syntax

HTML tags are encapsulated within less-than (<) and greater-than (>) brackets. Some of the tags are single-element tags that can stand by themselves. These are referred to as standalone tags. The syntax is simple:<tag>

The most common standalone tag is <P>, which ends a paragraph.

Other tags are used in pairs. The beginning tag tells the Web browser to start the tag function and the ending tag tells the Web browser to stop. The ending tag is created by adding a forward slash (/) to the beginning tag. The syntax is:

<tag>object</tag>

Document Construction GuidelinesNow let's look at the three tagging pairs used to create the highest level of structure in an HTML document:<HTML> entire HTML document </HTML> <HEAD> document header information </HEAD> <BODY> body of the HTML document </BODY> The following is a skeletal HTML document that shows the required nesting of these three tagging pairs:<HTML> <HEAD> Head elements </HEAD> <BODY> Body elements and content </BODY> </HTML> Remember that physical layout in an HTML document, like indentation and line breaks, is meaningless to Web browsers. So you can format your HTML according to your own preferences.

<!DOCTYPE html> <html> <head> <title>Paragraph Example</title>

</head> <body> <p>Here is a first paragraph of text.</p> <p>Here is a second paragraph of

text.</p> <p>Here is a third paragraph of text.</p> </body> </html>

Give the HTML Attributes of its uses

Thank you for participating!

top related