ADV HTML 15-08-2010
of 12
-
Upload
syma-masood -
Category
Documents
-
view
215 -
download
0
Transcript of ADV HTML 15-08-2010
-
8/8/2019 ADV HTML 15-08-2010
1/12
HTML Forms are used to select different kinds of user input.
Forms
A form is an area that can contain form elements.
Form elements are elements that allow the user to enter information (like text fields, textarea
fields, drop-down menus, radio buttons, checkboxes, etc.) in a form.
A form is defined with the tag.
Input
The most used form tag is the tag. The type of input is specified with the type attribute.
The most commonly used input types are explained below.
Text Fields
Text fields are used when you want the user to type letters, numbers, etc. in a form.
First name:
Last name:First name:
Last name:
Note that the form itself is not visible. Also note that in most browsers, the width of the text field is20 characters by default.
Radio Buttons
Radio Buttons are used when you want the user to select one of a limited number of choices.
Male
FemaleHow it looks in a browser:
-
8/8/2019 ADV HTML 15-08-2010
2/12
Male
Female
Note that only one option can be chosen.
Checkboxes
Checkboxes are used when you want the user to select one or more options of a limited number of
choices.
I have a bike:
I have a car:
I have an airplane:How it looks in a browser:
I have a bike:
I have a car:
I have an airplane:
The Form's Action Attribute and the Submit Button
When the user clicks on the "Submit" button, the content of the form is sent to another file. Theform's action attribute defines the name of the file to send the content to. The file defined in theaction attribute usually does something with the received input.
Username:
How it looks in a browser:
Username:Submit
If you type some characters in the text field above, and click the "Submit" button, you will sendyour input to a page called "html_form_action.asp". That page will show you the received input.
COMBOBOX:
-
8/8/2019 ADV HTML 15-08-2010
3/12
Volvo
Saab
Fiat
Audi
OUTPUT:
EXAMPLE2:
This example cannot be edited
because our editor uses a textareafor input,
and your browser does not allow
a textarea inside a textarea.
-
8/8/2019 ADV HTML 15-08-2010
4/12
The cat was playing in the garden.
OUTPUT:
This example cannot be edited because our editor uses a textarea for input, and yourbrowser does not allow a textarea inside a textarea.
The cat w as playing in the gard
LARGE EXAMPLE:
This form sends an e-mail to W3Schools.Name:
Mail:
Comment:
-
8/8/2019 ADV HTML 15-08-2010
5/12
OUTPUT:
This form sends an e-mail to W3Schools.
Name:
Mail:
Comment:
Send Reset
Form TagsTag Description
Defines a form for user input
Defines an input field
Defines a text-area (a multi-line text input control)
Defines a label to a control
Defines a fieldset
Defines a caption for a fieldset
Defines a selectable list (a drop-down box)
Defines an option group
Defines an option in the drop-down box
Defines a push button
Deprecated. Use instead
HTML Images
The Image Tag and the Src Attribute
In HTML, images are defined with the tag.
The tag is empty, which means that it contains attributes only and it has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for "source". The value
of the src attribute is the URL of the image you want to display on your page.
The syntax of defining an image:
The Alt Attribute
The alt attribute is used to define an "alternate text" for an image. The value of the alt attribute is
an author-defined text:
http://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_button.asp -
8/8/2019 ADV HTML 15-08-2010
6/12
INSERT IMAGE:
An image:
A moving image:
Note that the syntax of inserting a moving image is no different fromthat of a non-moving image.
OUTPUT:
An image:
A moving image:
Note that the syntax of inserting a moving image is no different from that of a non-
moving image.
CREATE IMAGE FROM OTHER SERVER OR FOLDER:
An image from another folder:
An image from W3Schools:
-
8/8/2019 ADV HTML 15-08-2010
7/12
OUTPUT:
An image from another folder:
An image from W3Schools:
BACKGROUND IMAGE:
Look: A background image!
Both gif and jpg files can be used as HTML backgrounds.
If the image is smaller than the page, the image will repeat itself.
HTML Backgrounds:
Backgrounds
The tag has two attributes where you can specify backgrounds. The background can be acolor or an image.
Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute canbe a hexadecimal number, an RGB value, or a color name:
EXAMPLE:
-
8/8/2019 ADV HTML 15-08-2010
8/12
This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is aparagraph.
This is another paragraph. This is another paragraph. This is another paragraph. This is
another paragraph.
HTML Colors
Color Values
HTML colors can be defined as a hexadecimal notation for the combination of Red, Green, and Bluecolor values (RGB).
The lowest value that can be given to one light source is 0 (hex #00) and the highest value is 255(hex #FF).
Color Color HEX Color RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF
Color Name Color HEX Color
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4 Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
http://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2A -
8/8/2019 ADV HTML 15-08-2010
9/12
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGrey #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DimGrey #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Grey #808080
Green #008000 GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
http://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=006400http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkKhakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BDB76Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=556B2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF8C00http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9932CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E9967Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8FBC8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=483D8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00CED1http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9400D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF1493http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00BFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=1E90FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=FireBrickhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B22222http://www.w3schools.com/tags/ref_color_tryit.asp?color=FloralWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=ForestGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=228B22http://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsiahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Gainsborohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DCDCDChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=GhostWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F8F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Goldhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFD700http://www.w3schools.com/tags/ref_color_tryit.asp?color=GoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DAA520http://www.w3schools.com/tags/ref_color_tryit.asp?color=Grayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008000http://www.w3schools.com/tags/ref_color_tryit.asp?color=GreenYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADFF2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDewhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDewhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF69B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=IndianRed%20http://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD5C5Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Indigo%20%20http://www.w3schools.com/tags/ref_color_tryit.asp?hex=4B0082http://www.w3schools.com/tags/ref_color_tryit.asp?color=Ivoryhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0E68Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Lavenderhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E6E6FAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=006400http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkKhakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BDB76Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=556B2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF8C00http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9932CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E9967Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8FBC8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=483D8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00CED1http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9400D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF1493http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00BFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=1E90FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=FireBrickhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B22222http://www.w3schools.com/tags/ref_color_tryit.asp?color=FloralWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=ForestGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=228B22http://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsiahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Gainsborohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DCDCDChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=GhostWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F8F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Goldhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFD700http://www.w3schools.com/tags/ref_color_tryit.asp?color=GoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DAA520http://www.w3schools.com/tags/ref_color_tryit.asp?color=Grayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008000http://www.w3schools.com/tags/ref_color_tryit.asp?color=GreenYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADFF2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDewhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF69B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=IndianRed%20http://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD5C5Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Indigo%20%20http://www.w3schools.com/tags/ref_color_tryit.asp?hex=4B0082http://www.w3schools.com/tags/ref_color_tryit.asp?color=Ivoryhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0E68Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Lavenderhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E6E6FA -
8/8/2019 ADV HTML 15-08-2010
10/12
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSlateGrey #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370D8
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6 PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
http://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlushhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlushhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF0F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7CFC00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADD8E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCoralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F08080http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGoldenRodYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAFAD2http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=90EE90http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFB6C1http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA07Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=20B2AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0C4DEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFE0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Limehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LimeGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=32CD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=Linenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAF0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Magentahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Magentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroonhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800000http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=66CDAAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000CDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BA55D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumPurplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9370D8http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=3CB371http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7B68EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FA9Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=48D1CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C71585http://www.w3schools.com/tags/ref_color_tryit.asp?color=MidnightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=191970http://www.w3schools.com/tags/ref_color_tryit.asp?color=MintCreamhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5FFFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MistyRosehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=Moccasinhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4B5http://www.w3schools.com/tags/ref_color_tryit.asp?color=NavajoWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDEADhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Navyhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Navyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000080http://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLacehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLacehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FDF5E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Olivehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808000http://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrabhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6B8E23http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA500http://www.w3schools.com/tags/ref_color_tryit.asp?color=OrangeRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF4500http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DA70D6http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EEE8AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=98FB98http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=AFEEEEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D87093http://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhiphttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEFD5http://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuffhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuffhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDAB9http://www.w3schools.com/tags/ref_color_tryit.asp?color=Peruhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD853Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Pinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFC0CBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlushhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF0F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7CFC00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADD8E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCoralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F08080http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGoldenRodYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAFAD2http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=90EE90http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFB6C1http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA07Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=20B2AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0C4DEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFE0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Limehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LimeGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=32CD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=Linenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAF0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Magentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800000http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=66CDAAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000CDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BA55D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumPurplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9370D8http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=3CB371http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7B68EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FA9Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=48D1CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C71585http://www.w3schools.com/tags/ref_color_tryit.asp?color=MidnightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=191970http://www.w3schools.com/tags/ref_color_tryit.asp?color=MintCreamhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5FFFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MistyRosehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=Moccasinhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4B5http://www.w3schools.com/tags/ref_color_tryit.asp?color=NavajoWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDEADhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Navyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000080http://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLacehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FDF5E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Olivehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808000http://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrabhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6B8E23http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA500http://www.w3schools.com/tags/ref_color_tryit.asp?color=OrangeRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF4500http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DA70D6http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EEE8AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=98FB98http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=AFEEEEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D87093http://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhiphttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEFD5http://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuffhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDAB9http://www.w3schools.com/tags/ref_color_tryit.asp?color=Peruhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD853Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Pinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFC0CB -
8/8/2019 ADV HTML 15-08-2010
11/12
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513 Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
SlateGrey #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32
The HTML Tag
With HTML code like this, you can specify both the size and the type of the browser output :
This is a paragraph.
This is another paragraph.
Font Attributes
Attribute Example Purpose
size="number" size="2" Defines the font size
size="+number" size="+1" Increases the font size
http://www.w3schools.com/tags/ref_color_tryit.asp?color=Plumhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DDA0DDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PowderBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0E0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Purplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Redhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=RosyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BC8F8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4169E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B4513http://www.w3schools.com/tags/ref_color_tryit.asp?color=Salmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FA8072http://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F4A460http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2E8B57http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShellhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF5EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Siennahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A0522Dhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Silverhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C0C0C0http://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6A5ACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=Snowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF7Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4682B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2B48Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Thistlehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D8BFD8http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tomatohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF6347http://www.w3schools.com/tags/ref_color_tryit.asp?color=Turquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=40E0D0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Violethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EE82EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Wheathttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5DEB3http://www.w3schools.com/tags/ref_color_tryit.asp?color=Whitehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Whitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmokehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=Yellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=YellowGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9ACD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=Plumhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DDA0DDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PowderBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0E0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Purplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Redhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=RosyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BC8F8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4169E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B4513http://www.w3schools.com/tags/ref_color_tryit.asp?color=Salmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FA8072http://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F4A460http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2E8B57http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShellhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF5EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Siennahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A0522Dhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Silverhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C0C0C0http://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6A5ACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=Snowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF7Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4682B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2B48Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Thistlehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D8BFD8http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tomatohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF6347http://www.w3schools.com/tags/ref_color_tryit.asp?color=Turquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=40E0D0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Violethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EE82EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Wheathttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5DEB3http://www.w3schools.com/tags/ref_color_tryit.asp?color=Whitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmokehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=Yellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=YellowGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9ACD32 -
8/8/2019 ADV HTML 15-08-2010
12/12
size="-number" size="-1" Decreases the font size
face="face-name" face="Times" Defines the font-name
color="color-value" color="#eeff00" Defines the font color
color="color-name" color="red" Defines the font color
