HTML Document Part 2

8/13/2019 HTML Document Part 2

1/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 7

TABLE CAPTIONS & HADERS

This is used for the Title/Caption for a table. element

should appear inside the tag but not inside table rows or cells.Captions are always horizontally centered with respect to the table, and they

may have their wrapped to fit within the width of thetable.

ATTRIBUTES :

ALIGN : Specifies the location of the caption. Valid options are TOP

and BOTTOM.

..

These tags are used to designate a cell to be a header cell and are to be used

within the . tags.

EXAMPLE :

MOVIES RUNNING

THEATRE 1

THEATRE 2

THEATRE 3

TERMINATOR

ALADDIN

-------------

TOP GUN

--------

HOME ALONE


2/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 8

FRAMES

Frames enable the user to divide a page into number of rectangular

regions/windows of various sizes. You can think of as a window within anotherwindow. A page can have one or more frames. The Frames can divide the page

so that, each of the frames is a web site in itself, that is they can access different

URLs and each of these can be updated independently.

Defining Frames:FRAMESET is the HTML tag used to create a framed page. This tag

replaces the BODY tag completely to create frame-style pages.

ATTRIBUTES :

1. ROWS :Rows specify number of horizontal windows or frames andvalues

in the rows attribute specifies the height of the frames in the frameset.

2. COLS :Cols specify number of vertical windows or frames and the values

in them specify the width of the frames in the frameset.

The values for these two attributes can be expressed using one of

the following units

1. In Pixels :

----------------

The frame window will have two frames where the width of the first one

is 200 pixels and the second is 400 pixels. The sum of the pixels of all the framescannot be more than the pixels size of the monitor.

2. As Percentage of its Parent Frame :

----------------

The frame window will have two frames where the width of the first

frame is 20% of the main window and the second frame of 80%.

3. As * :

----------------

Here the frame window will have three frames where the height of the

first frame is 100 pixels, the second is 40% of the main window and height of the

third one will occupy the rest of the window Space.


3/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 9

Tag :

The frame tag is defined within the frameset container. This tag is used tospecify what actually appears within a particular frame.

SYNTAX:

ATTRIBUTES:

1. SRC : It determines the name of the document page that is to be

displayed in this frame window URL.

2. NAME : Gives a name to the frame window. Value could be any string

value.

3. SCROLLING : Specifies if the window can have scrollbars or not, by settingthe values as Yes, No, Auto.


4/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 :

STYLE SHEETS

Style Sheet is collection of formatting styles, which can be applied to a

web page. The Style Sheet consists of the following components :

Style Rule : A style Rule is a set of HTML tags specifying the formatting

elements. Style rules can be applied to selected contents of a web page.

A Style Rule can basically be split into two parts :

1. Selector :A selector is a string that identifies what elements the

corresponding rule applies to and is the first part of the rule.

2. Declaration :This part of the rule is enclosed within curly brackets. A

Declaration has two sections separated by a colon. The section before the

colon is the property and the one after the colon is the value of that

property.

Syntax of Style Rule : Selector {Property : Value}Where, Selector = Any HTML Tag

Property = Attributes like font color, font size, etc

Value = Settings for the attribute.

Eg : H1 { color : blue }

H1 is the selector, color : blue is the Declaration,Color is the property and blue is the value.

Eg :H2 { color : LimeGreen }All H2 headings appears in LimeGreen Color.

There are four ways of incorporating style sheets :

1) Including Style Information within HTML

2) Embedding a Style Sheet

3) Linking to an External Style Sheet

1) Including Style Information Inline Inline Styles :Inline Style declaration is the most basic Style rule, which can be

applied to individual elements in the Web Page. Inline styles are

implemented by using Style attribute with the HTML tags.

SYNTAX :

Eg :

Example :


5/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 ;

This is a style applied to an

HTML Element

2) Embedding Style Sheets :You can group more than one style rule using the ..

tag. Each of these tags when used in the BODY of the HTML code

will apply the style rules. tag is included within the tag.

SYNTAX :

Style Rules

..

Eg :

H1 { color : limegreen }

H1 { font-family : Arial }

This is the H1 Element

Grouping Style Rules :The same style properties were applied individually to both tags.

Instead of specifying them individually, you can group them. A Comma is

used to separate each of these selectors.

Eg:

H1 , H2 { color : red; font-family : Arial; }




6/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5

TEXT FORMATTING

Formatting the text refers to changing fonts, style of text,indenting or aligning of the paragraphs.

ELEMENTS STYLE Bold

Italics

Underline

Italics

Bold

Italics

Normal with Indent

.. Bold Monospace

.. Monospace

.. Preformatted

.. Superscript

.. Subscript

To Insert character in between the Word

.. To delete character from the Word

Horizontal Line

. Line through the TEXT

1. Text :Text is the word or words in a sentence. Italics are the recommended

rendering of emphasized text.

Eg. Emphasize Text

O/p Ephasize Text

2. Text :Text is the word or words needing extra emphasis. Bold face type is the

preferred rendering of strong text. It is similar to Bold Text.

3. Text :

The tag is used to mark contact information for the current

document whether it is an email address or a complete mailing address and

phone number. It behaves much like a paragraph tag.

Eg .

Lemmon Chamber of Commerce

500, Main Avenue


19/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 7?

(605) 374-5716

4. TEXT :

Text is the quotation that should be separated from the rest of the

surrounding material. The tag creates a separate paragraph

for the text and indents the entire paragraph from the left.

Eg. AB C D

O/P AB

C

D

5. KeyboardInput

Keyboard Input is an example of something the user might type on thekeyboard. The typical representation of sample output is mono spaced text, and

keyboard input is usually displayed with bold mono spaced text.

Eg. KeyBoardInput

O/P KeyBoardInput

6. SampleOutput

SampleOutput is am example of a message the user might receive from

the computer.

Eg. Sample

O/p Sample

7. TEXT :The TEXT is to be displayed in the browser window in the same format as

seen in the editor without changes. Text is any text, including returns, spaces, and

other hard formatting.

8. Text :To Super Script some part of the text.

Eg. 12 th

O/P 12th

9. Text :To Sub Script some part of the text.Eg. H 2 O

O/P H2O

10. TEXT :To Insert characters in between two characters.

Eg. PATEL CHAITALI M


20/20

!"#$%&'()*)+

-. !+/01 2)34& !)456 !)*5 8@

O/P PATEL CHAITALI M

11. TEXT :To delete characters from the word.Eg. CHAITALI M PATEL

O/P CHAITALI M PATEL

12. Text :

Strike Tag can be used to display the text with Strike effect in the

browser. It has been striked and is normally used to highlight the text.

Eg . ABC

O/P ABC

Documents

HTML Document Part 2