Learn simple HTML
Hello friends let us practice some basic HTML code formats.The HTMLwhich is available in Start>Accessories>Notepad in MS Window.Click on File
menu& then click on New.Seeing blinking cursor in the Notepad,we can type
this code.After typing correctly this code which is in text form can now be
saved as a html format with a html extension in the following steps:
Click on pictures for larger views.
Click on File menu & click the Save as...
In the look in box>type Desktop.
In the save as type box>Click the down arrow & select All Files.
In the File name box >type Red.html
Now we have sucessfully created a html page with red as background!
thereby background pertaining to that color will also change .We are giving color
names in plain English language & the browser obeys that command.
That is the wonder. Thereare 16 guaranteed basic colors such as Red,Green,Blue,Black,Silver,Lime,Olive,White,Yellow,Maroon,Navy,
Purple,Teal,Fuchsia,Gray and Aqua.
Please try each color & see them in the computer monitor
The English word "Green" in body bgcolor has changed background
color to green!
The English word "Yellow" in body bgcolor has changed background
color to Yellow!
Once a HTML code written,a single change in the bgcolor value,change of
bgcolor takes effect.Remember when the color name is changed ,we have
to save it & then open the new html page,otherwise the previous color
only will be shown.
Summary:Type the HTML code for background color of the html page.
The MS Notepad is a text editor.Click on File
menu& then click on New.Seeing blinking cursor in the Notepad,we can type
the code.After typing correctly the code which is in text form can now be
saved as a html format with a html extension such as Red.html,Green.html,
Yellow.html etc according to the color given in the bgcolor value(color name).
After some practice & stumbling,You may be able to change bgcolors.Please try.
Remember to save as... html file,All files must be selected in the in the
save as type box &select All files.
Now let us write some text in various sizes:
The H1 means the biggest heading & the H6 is the smallest sub heading.
Please note placements of the heading tags in the beginning and ending
of the text.The ending tag has a forward slash (/) in it.
Click the images for larger view.
Some color names in English and their equivalent Hex values
| Black | #000000 |
| White | #FFFFFF |
| Red | #FF0000 |
| Lime | #00FF00 |
| Blue | #0000FF |
| Yellow | #FFFF00 |
| Fuchsia | #FF00FF |
| Aqua | #00FFFF |
| Gray | #808080 |
| Navy | #000080 |
| Olive | #808000 |
| Purple | #800080 |
| Maroon | #800000 |
| Silver | #C0C0C0 |
| Teal | #008080 |
| Green | #008000 |
# is a pound symbol 0-Zero A,B,C,D,E and F are Hexadecimal digits.
In the latest versions, A,B,C,D,E and F must be in small case.
Instead of English color names in the values,we can put the Hexadecimal
Numbers for getting different colors as our backgrounds.Please try.
Decimal numbers 0 to 9 and alpha a,b,c,d,e and f (a=10,b=11,c=12,d=13
e=14 and f=15) make a hexadecimal number(hex nbr).The base for our
Decimal number system is 10 while the base for hexadecimal number
system is 16.
Hexadecimal Number System:1 2 3 4 5 6 7 8 9 A B C D E F
The upper row: decimal numbers & the lower row : equivalent Hexadecimal numbers..
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | `10 | 11 | 12 | 13 | 14 | 15 |
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
Red, Green & Blue are three basic colors in RGB color system.Mixture of
these three colors in different intensities make different colors.Computer
monitor displays colors on this RGB color mode.
The hex color code consists six digits.Each pair of digits represent a color.
#ff0000=Red. (Only Red with full intensity)
#00ff00=Green (Only Green or lime with full intensity)
#0000ff=Blue. (Only Blue with full intensity)
#000000=Black (Absence of all colors)
#ffffff=White (Mixture of R, G & B with full intensities)
Thus we can get different color shades :256X256X256.
Calculate yourself.
HTML Colors
The table below provides a list of the color names that are supported by all major browsers.
Click on a color name (or a hex value) to view the color as the background-color along with different text colors:
Note: The names above are not a part of the W3C web standard.
The W3C HTML and CSS standards have listed only 16 valid color names:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
http://www.w3.org/
If you want valid HTML or CSS use the HEX values instead.
No comments:
Post a Comment