MELJUN CORTES Table TAG of HTML

7/28/2019 MELJUN CORTES Table TAG of HTML

1/33

The tag specifies the presence of a table.

Specifies the presence of a column

Specifies the header of the table

Specifies the presence of a row

MELJUN CORTES


2/33

MELJUN CORTES

Border size of the border around the table

Cellpadding space between the edge of a cell and the

contents

Cellspacing space between cells

Bgcolor color of the background

Background picture of the background

Align alignment of the table to surrounding text (left, right, center)

Bordercolor color of border around the table

Width width of the cell

Height height of the cell

Colspan number of columns to coverRowspan number of rows to cover

Valign vertical alignment of cell (top,middle,center,bottom,baseline)


3/33

CREATING TABLE

element1

element2

element3

element4


4/33

CREATING TABLE

element1

element2

element3

element4


5/33

CREATING TABLE

element1element2

element3

element4


6/33

CREATING TABLE

element1element2

element3

element4


7/33

CREATING TABLE

element1

element2

element3

element4

Filename: za.jpg


8/33

CREATING TABLE

element1

element2

element3

element4


9/33

CREATING TABLE

element1

element2

element3element4


10/33

CREATING TABLE

element1

element2 element3

element4

element5

element6

element7

element8


11/33

CREATING TABLE

element1 element5

element2

element3

element4

element6

element7

element8


12/33

CREATING TABLE

element1 element5

element2 element3

element4 element8

element6

element7


13/33

CREATING TABLE

top

middle

bottom

baseline


14/33

USING MARQUEE


15/33

requires a closing tag

ATTRIBUTES

width="n"

specifies width of marquee, where "n" is expressed as pixels or % of page

width.behavior="command"

commands are "alternate" and "slide"

"alternate" text will bounce back and forth.

"slide" will scroll across, jump back, and scroll again

direction="right"text scrolls from left to right, default is right to left.

loop="n"

where "n" equals the number of times the marquee will scroll, if not specified

the default is a continuous scroll.

bgcolor="#color"

applies a bgcolor to the marquee, where "#color" is the hexadecimal number ofthe background color.

scrollamount="n"

makes the marquee scroll faster.

scrolldelay="n"

makes the marquee scroll slower.


16/33

USING FORMS


17/33

tag, used to create single line text fields, radio

buttons, check boxes, hidden fields, and more.

ATTRIBUTE:type="" attribute, is a "required" attribute of the

tag. It tells the browser what type of form

field or button is being used for that particular input

tag.

TYPES: TEXT, PASSWORD, RADIO,CHECKBOX

Input, Textarea, & Select Tags


18/33

tag, used to generate drop-down and menu boxes.

TYPES:1. type="text"

This attribute is used to create a single line text input

field.

size=""maxlength=""

Default text field:


19/33

SAMPLE PASSWORD CODE:

TYPE YOUR PASSWORD

MALE

FEMALE

YESNO


20/33


21/33

Tag

Each item in the list is placed within a set of

tags.

tag attributes;

The value="" attribute, is optional but most CGI

programs require it to process the information.

SELECTED attribute, may be used to pre-select

an items


22/33

yes

nomaybe

option 1

option 2

option 3

option 4


23/33

option 1

option 2option 3

option 4


24/33

Tag

The tag defines one particular

window (frame) within a .

Each in a can

have different attributes, such as border,scrolling, the ability to resize, etc.


25/33

Vertical Frame


26/33

Horizontal Frame


27/33


28/33

Frameset Tag

The tag defines a frameset.

The element holds one or

more elements. Each

element can hold a separate document.

The element specifies HOW

MANY columns or rows there will be in the

frameset, and HOW MUCH

percentage/pixels of space will occupy

each of them.


29/33

Attribute Value Description

Cols % * pixels Specifies the number and

size of columns in a

framesetRows % * pixels Specifies the number and

size of rows in a frameset


30/33

Vertical Frameset


31/33

Mixed Frameset


32/33

No resize Frame


33/33

Documents

MELJUN CORTES Table TAG of HTML