over view of html

15
Portfolio

Upload: keith-borgonia-manatad

Post on 21-Jun-2015

61 views

Category:

Career


1 download

DESCRIPTION

material to teach

TRANSCRIPT

Page 1: Over view of html

Portfolio

Page 2: Over view of html

Actual making website

Page 3: Over view of html
Page 4: Over view of html

<HTML>Overvie

w Prepapred By; Keith B. Manatad

What is HTML?

Page 5: Over view of 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.

Page 6: Over view of html
Page 7: Over view of html

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.

Page 8: Over view of html

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.

Page 9: Over view of html

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.

Page 10: Over view of html

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.

Page 11: Over view of html

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>

Page 12: Over view of html

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.

Page 13: Over view of html

<!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

Page 14: Over view of html

Thank you for participating!