HTML Body

HTML <body> tag we can say one of the major tag for creating a web page.We write many of the tags in between the <body> tag like paragraph,lists,tables and everything which related to content or text are place in between the<body> tag.
HTML Body Margins
the mostly commonly margins are the left margins and right margins.

  • Leftmargin-when we use the leftmargin  actually we want to place the data or text on the left side.
  • Topmargin- when we use the toptmargin  actually we want to place the data or text on the top of the page.
Example:
<html>
<head>
<title>HTML Margin Examples</title>
</head>
<body topmargin="50">
<p>There lies a 50 pixel margin between this text and the top of your window.</p>
</body>
</html>

Result:
Now here i show the results in a web browser,now see


Left Margin
Example:

   <html>
<head>
<title>HTML Margin Examples</title>
</head>
<body leftmargin="50">
<p>There lies a 50 pixel margin between this text and the <i>left</i> of your window.</p>
</body>
</html>
Result:


HTML Base links
By using the html base link we can also specify the base color for visited link or unvisited links.Mostly for  this purpose we use the CSS(cascading Style Sheets) and i also suggest my readers to use css instead of html.Here i teach you with the example,now see
Example:
<body link="black" vlink="white" >


or
<body Vlink="rgb(255,255,255)" link="rgb(0,0,0)" >

Posted by
No comments:

HTML Strikthrough

To cross some text in website or blog we use the HTML Strikthrough  <del> tag.Here i teach you how to cross some text in the website by using the <del> tag with the example and their result
Example:
<p>Now <del>Scratched</del> Out!</p>


Result:
Now scratched out!

HTML Check off tasks
Now here i discuss you about the main use of html <del> tag.
Example:

<ol>
<li>Wash Your hands</li>
<li><del>Cook Food</del></li>
<li><del>Evil</del></li>
</ol>

Result:

  1. Wash Your hands
  2. Cook Food
  3. Evil

Posted by
No comments:

HTML Subscript

We use the <sub> Subscript tag to place the Subscripted content  on the website.Now here i teach you how to use the <sup> subscript tag in the website with example and their result
Example:

<p>Here is the <sub>subscripted Text!</sub></p>


Your Result:

Here is the subscripted Text!


HTML Chemical Compound
Another, the most common use of  <sub> subscript tag is to write the chemical compound formulae ,now here i teach you how to write with the example and their result
Example:

<p>CO<sub>2</sub> - Carbon Dioxide


Result:

CO2 - Carbon Dioxide
Posted by
No comments:

HTML Superscript

For the placing the superscript text in a website w use the <sup> tag.We can set id for these tags by using Cascading Style Sheets.Here i teach you,how to use the <sup> tag with the example, now see

Example:

<p>Here the text is <sup>superscripted!</sup></p>



Your Result:

Here the text is superscripted!


HTML Exponents
by using the <sup> tags we can also express the exponential  expression.now see how can we use

Example:

2<sup>3</sup> = 8
16<sup>x</sup>


Your Result:

23 = 8
16x



html footnotes

we can also create the foot notes by using superscript <sup> tag.these superscripting text directs your attention.now see with example

Example:

<p>"this text directs your attention.<sup>1</sup>."
<hr />
1. Here is the example of <sup> tag.



Your Result:

"this text directs your attention1."
1. Here is the example of <sup> tag.

Posted by
No comments:

HTML Code

html code<code>
By using code<code> tag we convert the text in to computer code.by this code<code>  we can change the font size,font face  and letter spacing.

Example:

Now we convert the text in to computer <code>code</code>!


Your Result:

 Now we convert the text in to computer code!

by using this code we can separate  any computer code.

html code links
We can also use the computer code <code> to separate the links on your web page very quickly  and make them very unique from other text.


Example:
<p>Separate the links <code> on your</code>web page very quickly<p/>



Your Result:

 Separate the links  on your web page very quickly

Posted by
No comments:

HTML Italic

We use the Italic tag to  highlight a key word or phrase.The italic tags are not use to shape the font face.The tag is used to emphasize text.Now i want to show the use of italic tag,now see

Example:

Italic <i>tag</i>!
<em>Emphasized</em> Word!
To Create a <blockquote>blockquote</blockquote>!
Format <address>addresses</address>!

Your Result:

Italic tag!
Emphasized Word!
To Create a blockquote!
Format addresses!

the two most commonly use tags are, to italic the text on the website are <em> and <i> .

Example:

<b>HTML</b>
<i>Hyper Text Markup Language</i>

or

<b>HTML</b>
<em>Hyper Text Markup Language</em>

Your Result:

HTML
Hyper Text Markup Language

or

HTML
Hyper Text Markup Language

you can examine here the results of  two different tags <i> and <em> are same.

Another example of <i> italic tag is the use of placing text links directly inside  your paragraph as a reference for the visitor.now see
Example:

<p>
 italic tag is the use of placing text links directly inside  your paragraph as a reference for the visitor
<a href="" target="_blank" title="Welearner Links">
<b><i>HTML Links</i></b>
</a>
 now see</p>

Your Result:

Italic tag is the use of placing text links directly inside  your paragraph as a reference for the visitor
 HTML Links now see.
Posted by
No comments:

HTML Email

It is very simple to create an html email link on web page.You should know when you put the email on your web page it is very easy for the computer runner or expert  to harvest these types of email for spamming ,so you must sure you have anti-spam software.
I recommend HTML Form Email that reduce the Spam.


HTML Email Tag


Actually there is not a separate HTML tag for creating html email link instead you use anchor tag<a> and put the href property.Now see

Example:

<a href= "mailto:abc@mail.com" >Email Link</a>


Your Result:

Email Link


Additional Email Code
By adding some thing extra on your email  address in href  like body and  subject properties of the email automatically populated  for your visitors.

  • Body- Populates the body of the email and information that you provide.
  • Subject- Populates the subject of the email and the information that you provide.
Example:

<a href= "mailto: a@z.com?subject=Web Page Email&body=This email is from your website" >
2nd Email Link Example</a>

Your Result:

2nd Email Link Example

Posted by
No comments:

HTML Horizontal Rule

Horizontal rule is use to display the line across the screen and we also discuss the Horizontal line has no ending tag<hr/> like the line break<br/> tag.Here i teach you with the example now see
Example:

<hr />
Use
<hr /><hr />
of
<hr />
Horizontal Rule
<hr />


Your Result:

Use
of
horizontal rule

here is another example of horizontal rule,with different example i want to show how these tag use in many ways,now see
Example:

<hr />
<p>"A cloudy day or a little sunshine have as great an influence on many constitutions as the most recent blessings or misfortunes".Joseph Addison<br /></p>


Your Result:


"A cloudy day or a little sunshine have as great an influence on many constitutions as the most recent blessings or misfortunes".Joseph Addison 
You can see the work of horizontal rule.

Posted by
No comments:

HTML Line Breaks

HTML Line Breaks are  so different from other tags that we have seen.A line break tag is used to cut the line or end the current line and resume in to the next line.Normally we use the </br> tag in<p> tag.Now here i teach you the use , and the way of how to use the <br/> tag.
Example:

<p>
John William<br />
Box 61<br />
1st and York,New York<br />
</p>

Your Result:

John William
Box 61
1st and York,New York
we use the <b/> tag mostly addresses for letter head,and also at the end of  letters.

Example:
<p>Sincerely,<br />
<br />
<br />
Liza Manilla<br />
<i>President</i></p>


Your Result:
Sincerely,


Liza Manilla
 President

Posted by
No comments:

HTML Bold

For creating Web pages or for writing the article we always need to bold the text.So here i teach the use of <b> tag.Now see

Example:(bold)

<b>This text appear in BOLD!</b>

The bold tag is Start with<b> and ending with</b> tag.

Your Result:
This text appear  in BOLD!

Another Example:

<p><b>Can</b>you touch that!</p>
if you want to make any specific word to bold form.
Your Result:

Can you touch that!


Example:

<p><b>Positive:</b> All ways think positive.</p>


Your Result:

Positive: All ways think positive.

Posted by
No comments:

HTML Texareas

By using the<textarea> tag we Embed text  area in html documents.We placed any text between the opening <textarea> tag and closing </textarea> tag,and we also give the user direction "here you can write 100 character here" and this would be an ideal description.

Example:

<textarea name="TextArea"cols="15" rows="10">Limit your response to 100 characters.</textarea><br />
<textarea name="TextArea" cols="30" rows="3">Limit your response to 200 characters.</textarea><br />
<textarea  name="TextArea" cols="35" rows="5">Limit your response to 500 characters.</textarea><br />


Your Result:




HTML Textarea Wrap:

In wrap textarea,through wrap attribute we can examine the reaction of the user how at the end fo every row  in the text fields.There are three types of wrapping attribute,theses are given below

  • Soft
  • Hard
  • Off
"Soft" spacing and line breaks are not maintained.
"Hard" It includes spacing and line breaks.
"Off" It ignore all wraping  and places the text into one ogning line.


Example:(text area Word Wrap code)

<textarea cols="20" rows="5" wrap="hard">
 Its a good because we can read every thing clearly. spacing and line breaks are not maintained.
</textarea>


Your Result:

Example:(html text area no word wrap code)


<textarea cols="20" rows="5" wrap="off">
You can see the desired look of you text but  many times word wrapping. So it makes everything simple and easy to read. </textarea>

Your Result:

HTML text area Disabled
When we want to disabled the text area  to prevent the suffer  from copying,or highlighting  the text field in any way.To set the such type of functionality we  set the Disabled property to "yes".now see


Example:

<textarea cols="18" rows="5" wrap="hard" disabled="yes">
You can see the desired look of you text but  many times word wrapping. So it makes everything simple and easy to read.

</textarea>


Your Result:

Posted by
No comments:

HTML Upload

Upload fields allow the user to choose the local file  and upload into the server .Upload fields has two type files - an empty text field and Browse button which open the local window on the user computer.
We set the type attribute of the <input> tag  to "file".here i teach you with example now see
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<input type="file" name="uploadField" />
</form>

Your Result:


HTML Max file size field
we know that file sharing across the internet is very complicated and it require many secrity layers.only html cannot ensure the safe file sharing .By using a Max-File-Size hidden field can allow the limited size of file sharing.Now here i teach you with example
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="400" />
<input type="file" name="uploadField" />
</form>

Your Result:


Posted by
No comments:

HTML Hidden Fields

When we set a hidden input field in the form using the<input> tag and set the type attribute to "hidden".we discussed in the HTML Input and HTML Textfields tutorials.
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
First: <input title="Enter Your First Name" id="first" name="first" type="text" size="12" maxlength="12" /> Last: <input title="Enter Your Last Name" id="last" name="last" type="text" size="16" maxlength="25" /><br />
Password: <input type="password" title="Enter Your Password" size="10" maxlength="9" /><br /><br />
<input type="hidden" name="orderNumber" id="orderNumber" value="0234" /><br />
<input type="submit" value="SUBMIT" />
<input type="reset" value="RESET" />
</form>


Your Result:

First:  Last: 
Password: 



Posted by
No comments:

HTML Radio

Radio button allow the user to select the only ONE of limited number of choices.We set the type attribute of the <input> tag to "radio".<input type="radio"/>.Here i show you with the example,now see

Example:
<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<h4>select your favorite food.</h4>
<input type="radio" name="food" /> : Italian<br />
<input type="radio" name="food" /> : Indian<br />
<input type="radio" name="food" /> : Chinese<br />
</form>


Your Result:

select your favorite food.

 : Italian
 : Indian
 : Chinese
here you can select only food category.Here is another example now see
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<h4>Select your favorite food.</h4>
<input type="radio" name="food" /> : Italian<br />
<input type="radio" name="food" /> : Indian<br />
<input type="radio" name="food" /> : Chinese<br />
<h4>Select your gender.</h4>
<input type="radio" name="gender" /> : Male<br />
<input type="radio" name="gender" /> : Female<br />
</form>

Your Result:

Select your favorite food.

 : Italian
 : Indian
 : Chinese

Select your gender.

 : Male
 : Female
HTML radio the Checked  Attribute
when we use the checked attribute ,we adjust the form and when we load the form the form will always load with already  checked by default.
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<input type="radio" name="food" checked="yes" /> : Italian<br />
<input type="radio" name="food" /> : Indian<br />
<input type="radio" name="food" /> : Chinese<br />
</form>

Your Result:
 : Italian
 : Indian
 : Chinese
Posted by
No comments:

HTML Select

HTML Select Fields
the html select fields also work like the html checkboxes fields ,in html select fields the user can select one ore more values from the options.In the Select fields we use the <select> tag.than the list values are added through the <option> tag  and the list items are added through the<ol> tags.now see how it work
Example:(Drop Down List)

<select name="select Fields"> 
  <option value="US" >United Stat -- US </option>
  <option value="UK" >United Kingdom -- UK</option>
  <option value="UAE" >United Arab Emirate -- UAE</option>
</select>


Your Result:
by default ,select fields  are commonly known as "drop down list".And this allow the user to choose the single value.this behaviour  can be change now see here

Example:

<select size="3" name="select Fields" multiple="yes"> 
  <option value="US" >United Stat -- US </option>
  <option value="UK" >United Kingdom -- UK</option>
  <option value="UAE" >United Arab Emirate -- UAE</option>
</select>


Your Result:

Posted by
No comments:

HTML Checkboxes

HTML Checkboxes Form
Check boxes let the user to select the ONE or More Options.We use the <input type="checkbox"/> to define the check boxes.We set the type the type attribute  of an <input> tag  for checkboxes to places into the web pages.Now
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<p>Select every sport that you play.</p>

Football: <input type="checkbox" name="sports" value="Football"  /><br />

Cricket: <input type="checkbox" name="sports" value="Cricket"  /><br /> 

Soccer: <input type="checkbox" name="sports" value="Soccer"  /><br /> 

Basketball: <input type="checkbox" name="sports" value="basketball"  />

</form>

Your Result:

Select every sport that you play.
Football: 
Cricket: 
Soccer: 
Basketball: 

HTML Checkboxes Selected
We use a pre-checked fashion to display the boxes with check mark in a web page by setting the check attribute with "yes" value.By doing so when we load the page the boxes always appear with the check mark function.now see the example
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
<p>Select every sport that you play.</p> Football: <input type="checkbox" checked="yes" name="sports" value="Football" /> <br /> Cricket: <input type="checkbox" name="sports" value="Cricket" /> <br /> Soccer: <input type="checkbox" name="sports" value="Soccerl" /> <br /> Basketball: <input type="checkbox" checked="yes" name="sports" value="basketball" />
</form>


Your Result:
Select every sport that you play.
Football: 
Cricket: 
Soccer: 
Basketball: 
Posted by
No comments:

HTML Submit

By using the submit button we can send the form data  to a back end application or application .And through the back end process we verify  and precesses the data. We set the type attribute of the <input>  tag to "submit" to place the button on the web page.Now see the result
Example:

<input type="submit" value="Submit" />
<br /> <input type="submit" value="Send" />
<br /> <input type="submit" value="Submit Form" /><br />

Your Result:
You can see here the three submit Buttons.




HTML form Submission -Action
Submission button send the form data into where you want to send the data by action attribute  of the <form> element.When we use the Mailto action it means we want to send the data in to our default email client.
Example:

<form method="post" action="mailto:youremail@youremail.com" >
First Name:<input type="text" name="First" size="14" maxlength="14" />
Last Name:<input type="text" name="Last" size="26" maxlength="26" /> 
<input type="submit" value="Send Email" /> 
</form>

Your Result:


First Name:
Last Name:

Posted by
No comments:

HTML Reset

HTML Reset Button
A reset button allow the user to clear the web forms.We set the type attribute in the <input> tag to "reset".Here i teach you with the example,now see
Example: 

<input type="reset" value="Reset" />
 <input type="reset" value="Start Over" />

Your Result:
Here is the your result 


Another Example:

<form action="yourphp.php" method="post"> <input type="text" size="14" maxlength="14" />
<input type="text" size="26" maxlength="26" /> 
<input type="reset" value="Reset" /> </form>

Reset Form:
Fill out this form or put some information in the form given below and press the reset button to see result.



Posted by
No comments:

HTML Password

We use the html password to capture the user input data,and the browser show the results in asterisk(*) instead of the digits.The browser offer a privacy user on screen while we entering the password.We use the <input> for start tag and specify the value of "password" for the type attributes.
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
Password: <input type="password" title="Enter Your Password" size="8" /><br />
<input type="submit" value="SUBMIT" />
</form>


Your Result:
Here you can check or test it

Password: 

HTML Password Fields Attributes


 Example:
<form name="HTML Form" action="mailto:youremail@email.com" method="post">
First: <input title="Enter Your First Name" id="first" name="first" type="text" size="12" maxlength="12" /> Last: <input title="Please Enter Your Last Name" id="last" name="last" type="text" size="18" maxlength="24" /><br />
Password: <input type="password" title="Please Enter Your Password" size="8" maxlength="8" /><br />
<input type="submit" value="SUBMIT" />
</form>

Your Result:

First:  Last: 
Password: 

Posted by
No comments:

HTML Text Fields

Through Text field we receive the information from the viewers and the text field always appear in small rectangular  box.<input type="text"/>  defines the one-line input field  and the user can inter the information into it .Now here is the example that make you concept clear,now see
Example:


<form name="HTML Form" action="mailto:youremail@email.com" method="post">
First: <input title="Enter Your First Name" id="first" name="first" type="text" /> Last: <input title="Enter Your Last Name" id="last" name="last" type="text" />
<input type="submit" value="SUBMIT" />
</form>


Your Result:


First:  Last:  


HTML Text fields: maxlength  Attribute
We can set maximum character strength,how much the user can type the number of character in the text field.here is the example you can text or check it
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
First: <input title=" Enter Your First Name" id="first" name="first" type="text" size="12" maxlength="3" value="John" /><br />
Last: <input title="Enter Your Last Name" id="last" name="last" type="text" size="18" maxlength="3" value="William" /><br />
<input type="submit" value="SUBMIT" />
</form>


Your Result:
First: 
Last: 

Posted by
No comments:

HTML Input

The important and most useful element is the Input element and this element is use for the selection of user information.An input elements are use in many ways and its depend upon the type of attribute.we can use the html elements for the following purposes like checkboxs,radio button,text fields ,submit buttons and many more.The name input comes from the<input> tag and which is the mark-UP and its work show by its name.Similarly the type attribute identify how the web browser behave this attribute and what kind of result you want to see Options are are you want to see the text ,checkbox,radio button,submit button,reset,Password and hidden form elements what you want,because every attribute have there own function and presention.Here i want to show you with the example,no see
Example:

<formg name="HTML Form" action="mailto:youremail@email.com" method="post">
   Check the Box: <input type="checkbox" /><br />
   Name: <input type="text" /><br />
   Yes: <input type="radio" /> No: <input type="radio" /><br/>
   <input type="submit" value="SUBMIT" /> 
   <input type="reset" value="RESET" />
</form>

Your Result:

Check the Box: 
Name: 
Yes:  No: 





HTML Web forms: Value Attribute
The value attribute plays a different role and it depending upon the type of the input field that you put or set,like when we create an submit button,the value attribute  define the text inside the submit button.Now i want to teach you with example
Example:

<form name="HTML Form" action="mailto:youremail@email.com" method="post">
   Check Me: <input type="checkbox" /><br />
   Name: <input type="text" value="John" /><br />
   Yes: <input type="radio" /> No: <input type="radio" /><br />
   <input type="submit" value="Send" /> 
   <input type="reset" value="Clear" />
</form>

Your Result:

Check Me: 
Name: 
Yes:  No: 



HTML Web forms:name and id attribute
To set the name and id attributes inside the html forms is a good thing.The name  and id will later help us as a link of our html form and the server side script ,thats why we want to set the name and id attribute in html forms.here is the example now see
Example:

<formg name="HTML Form" action="mailto:youremail@email.com" method="post">
   Check Me: <input name="" id="" type="checkbox" /><br />
   Name: <input name="userName" id="userName" type="text" /><br />
   Yes: <input name="radioItem" id="radioItem" type="radio" /> No: <input name="radioItem" id="radioItem" type="radio" /><br />
   <input name="submitForm" id="submitForm" type="submit" value="SUBMIT" /> 
   <input name="resetForm" id="resetForm" type="reset" value="RESET" />
</form>

Your Result:

Check Me: 
Name: 
Yes:  No: 







Posted by
No comments:

HTML Forms

In html Forms we discuss about check-boxes, buttons, text input fields,radio button and submit button behind the html documents with only one purpose to select the different user input such as names,phone number  and email addresses.And we also use html form to send data to the server.A form can also used for select lists,legend, fieldset,text area and label elements.
We use the <form> tag to create html document.Here is the example
HTML Form Element Code
Example:

<formg name="HTML Form" action="yourseverSideScript.php" method="post">
   <input type="checkbox" />Click to Checkbox<br />
   <input type="text" /> Text Area!<br />
   <input type="submit" value="SUBMIT" />
</form>
Here one thing is very important that i want to teach you is about action and method attribute,Actually we  use these attribute to identify  where send the form data  for processing or (action) and how to deal with the data (method) and only by using html we caqnm not process the data by using only html ,thats why for further processing we use the PHP,Perl or other side scripting languages.So thats why the above form can not post the data.

Your Result:

Click to Checkbox
Text Area!




 the above result for your experiment,thats why i can not show you the result in a web browser because you can not check it,but you can try it,thats all.
HTML Forms _the Input Elements
The important and most useful element is the Input element and this element is use for the selection of user information.An input elements are use in many ways and its depend upon the type of attribute.we can use the html elements for the following purposes like checkboxs,radio button,text fields ,submit buttons and many more.And we discuss about all these elements in the next tutorials.
Posted by
No comments:

HTML Layouts

we know that for creating a web page, Layout play a very important  role to make it beautiful.
For designing the web page  beautiful make the Layout very carefully.Here i want to teach you how to make a layout using <div> and <table> elements.

Website Layout
Many people make a layout in multiple Column like magazine or newspaper, and we create the multiple column by using <div> or <table> elements.

HTML Layout - Using <div> Elements
Now here i create a Layout  by using <div> elements and we also know that div element is a block level element and it is used for grouping html elements.

Example:


<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:orange;">
<h2 style="margin-bottom:0;">Here is the 

Header</h2></div>

<div id="menu" 

style="background-color:green;height:200px;width:1

00px;float:left;">
<b>Menu</b><br />
Item 1<br />
Item 2<br />
Item 3</div>

<div id="content" 

style="background-color:#EEEEEE;height:200px;widt

h:400px;float:left;">
Content Area!</div>

<div id="footer" 

style="background-color:#FFA500;clear:both;text-alig

n:center;">
Copyright © Welearner.blogspot.com</div>

</div>
 
</body>
</html>

Your Result:
Here is the your result in a web browser.
















HTML Layouts- Using Tables
For Creating Layouts, the simple method is by  using html  <table>   tag.Many people make a layout in multiple Columns like magazine or newspaper  by using <div> or <table> elements.Here i teach you how to create a layout (simple)  by using <table> tag. Now see

Example:

<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:orange;">
<h2>Here is the Header</h2>
</td>
</tr>

<tr valign="top">
<td style="background-color:green;width:100px;text-align:top;">
<b>Menu</b><br />
Item 1<br />
Item 2<br />
Item 3
</td>
<td style="background-color:#eeeeee;height:200px;width:400px;text-align:top;">
Content Area!</td>
</tr>

<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © Welearner.blogspot.com</td>
</tr>
</table>

</body>
</html>


Your Result:
Here is the your result in a web browser.

















Can you see the difference between these two layouts,here the difference is the Space between Header,Menu,Content and Footer you can see clearly the difference. T hats all if you have any problem then please Contact Us.
Posted by
No comments:

HTML Colornames


Color Names:
There are 147 color names are defined in html and CSS ,in these 147 html and css colors the given colors are most important  and commonly use in various field .


Color NameColor CodeColor NameColor Code
Red#FF0000White#FFFFFF
Cyan#00FFFFSilver#C0C0C0
Blue#0000FFGrey#808080
DarkBlue#0000A0Black#000000
LightBlue#ADD8E6Orange#FFA500
Purple#800080Brown#A52A2A
Yellow#FFFF00Maroon#800000
Lime#00FF00Green#008000
Fuchsia#FF00FFOlive#808000

HTML Colors Chart:
Now here is the full chart of html color.
Color NameCodeColor Code
Black#000000Black
Gray0#150517Gray0
Gray18#250517Gray18
Gray21#2B1B17Gray21
Gray23#302217Gray23
Gray24#302226Gray24
Gray26#34282CGray26
Gray27#382D2CGray27
Gray28#3B3131Gray28
Gray29#3E3535Gray29
Gray30#413839Gray30
Gray31#41383CGray31
Gray32#463E3FGray32
Gray34#4A4344Gray34
Gray35#4C4646Gray35
Gray36#4E4848Gray36
Gray37#504A4BGray37
Gray38#544E4FGray38
Gray39#565051Gray39
Gray40#595454Gray40
Gray41#5C5858Gray41
Gray42#5F5A59Gray42
Gray43#625D5DGray43
Gray44#646060Gray44
Gray45#666362Gray45
Gray46#696565Gray46
Gray47#6D6968Gray47
Gray48#6E6A6BGray48
Gray49#726E6DGray49
Gray50#747170Gray50
Gray#736F6EGray
Slate Gray4#616D7ESlate Gray4
Slate Gray#657383Slate Gray
Light Steel Blue4#646D7ELight Steel Blue4
Light Slate Gray#6D7B8DLight Slate Gray
Cadet Blue4#4C787ECadet Blue4
Dark Slate Gray4#4C7D7EDark Slate Gray4
Thistle4#806D7EThistle4
Medium Slate Blue#5E5A80Medium Slate Blue
Medium Purple4#4E387EMedium Purple4
Midnight Blue#151B54Midnight Blue
Dark Slate Blue#2B3856Dark Slate Blue
Dark Slate Gray#25383CDark Slate Gray
Dim Gray#463E41Dim Gray
Cornflower Blue#151B8DCornflower Blue
Royal Blue4#15317ERoyal Blue4
Slate Blue4#342D7ESlate Blue4
Royal Blue#2B60DERoyal Blue
Royal Blue1#306EFFRoyal Blue1
Royal Blue2#2B65ECRoyal Blue2
Royal Blue3#2554C7Royal Blue3
Deep Sky Blue#3BB9FFDeep Sky Blue
Deep Sky Blue2#38ACECDeep Sky Blue2
Slate Blue#357EC7Slate Blue
Deep Sky Blue3#3090C7Deep Sky Blue3
Deep Sky Blue4#25587EDeep Sky Blue4
Dodger Blue#1589FFDodger Blue
Dodger Blue2#157DECDodger Blue2
Dodger Blue3#1569C7Dodger Blue3
Dodger Blue4#153E7EDodger Blue4
Steel Blue4#2B547ESteel Blue4
Steel Blue#4863A0Steel Blue
Slate Blue2#6960ECSlate Blue2
Violet#8D38C9Violet
Medium Purple3#7A5DC7Medium Purple3
Medium Purple#8467D7Medium Purple
Medium Purple2#9172ECMedium Purple2
Medium Purple1#9E7BFFMedium Purple1
Light Steel Blue#728FCELight Steel Blue
Steel Blue3#488AC7Steel Blue3
Steel Blue2#56A5ECSteel Blue2
Steel Blue1#5CB3FFSteel Blue1
Sky Blue3#659EC7Sky Blue3
Sky Blue4#41627ESky Blue4
Slate Blue#737CA1Slate Blue
Slate Blue#737CA1Slate Blue
Slate Gray3#98AFC7Slate Gray3
Violet Red#F6358AViolet Red
Violet Red1#F6358AViolet Red1
Violet Red2#E4317FViolet Red2
Deep Pink#F52887Deep Pink
Deep Pink2#E4287CDeep Pink2
Deep Pink3#C12267Deep Pink3
Deep Pink4#7D053FDeep Pink4
Medium Violet Red#CA226BMedium Violet Red
Violet Red3#C12869Violet Red3
Firebrick#800517Firebrick
Violet Red4#7D0541Violet Red4
Maroon4#7D0552Maroon4
Maroon#810541Maroon
Maroon3#C12283Maroon3
Maroon2#E3319DMaroon2
Maroon1#F535AAMaroon1
Magenta#FF00FFMagenta
Magenta1#F433FFMagenta1
Magenta2#E238ECMagenta2
Magenta3#C031C7Magenta3
Medium Orchid#B048B5Medium Orchid
Medium Orchid1#D462FFMedium Orchid1
Medium Orchid2#C45AECMedium Orchid2
Medium Orchid3#A74AC7Medium Orchid3
Medium Orchid4#6A287EMedium Orchid4
Purple#8E35EFPurple
Purple1#893BFFPurple1
Purple2#7F38ECPurple2
Purple3#6C2DC7Purple3
Purple4#461B7EPurple4
Dark Orchid4#571B7eDark Orchid4
Dark Orchid#7D1B7EDark Orchid
Dark Violet#842DCEDark Violet
Dark Orchid3#8B31C7Dark Orchid3
Dark Orchid2#A23BECDark Orchid2
Dark Orchid1#B041FFDark Orchid1
Plum4#7E587EPlum4
Pale Violet Red#D16587Pale Violet Red
Pale Violet Red1#F778A1Pale Violet Red1
Pale Violet Red2#E56E94Pale Violet Red2
Pale Violet Red3#C25A7CPale Violet Red3
Pale Violet Red4#7E354DPale Violet Red4
Plum#B93B8FPlum
Plum1#F9B7FFPlum1
Plum2#E6A9ECPlum2
Plum3#C38EC7Plum3
Thistle#D2B9D3Thistle
Thistle3#C6AEC7Thistle3
Lavender Blush2#EBDDE2Lavender Blush2
Lavender Blush3#C8BBBELavender Blush3
Thistle2#E9CFECThistle2
Thistle1#FCDFFFThistle1
Lavender#E3E4FALavender
Lavender Blush#FDEEF4Lavender Blush
Light Steel Blue1#C6DEFFLight Steel Blue1
Light Blue#ADDFFFLight Blue
Light Blue1#BDEDFFLight Blue1
Light Cyan#E0FFFFLight Cyan
Slate Gray1#C2DFFFSlate Gray1
Slate Gray2#B4CFECSlate Gray2
Light Steel Blue2#B7CEECLight Steel Blue2
Turquoise1#52F3FFTurquoise1
Cyan#00FFFFCyan
Cyan1#57FEFFCyan1
Cyan2#50EBECCyan2
Turquoise2#4EE2ECTurquoise2
Medium Turquoise#48CCCDMedium Turquoise
Turquoise#43C6DBTurquoise
Dark Slate Gray1#9AFEFFDark Slate Gray1
Dark Slate Gray2#8EEBECDark slate Gray2
Dark Slate Gray3#78c7c7Dark Slate Gray3
Cyan3#46C7C7Cyan3
Turquoise3#43BFC7Turquoise3
Cadet Blue3#77BFC7Cadet Blue3
Pale Turquoise3#92C7C7Pale Turquoise3
Light Blue2#AFDCECLight Blue2
Dark Turquoise#3B9C9CDark Turquoise
Cyan4#307D7ECyan4
Light Sea Green#3EA99FLight Sea Green
Light Sky Blue#82CAFALight Sky Blue
Light Sky Blue2#A0CFECLight Sky Blue2
Light Sky Blue3#87AFC7Light Sky Blue3
Sky Blue#82CAFFSky Blue
Sky Blue2#79BAECSky Blue2
Light Sky Blue4#566D7ELight Sky Blue4
Sky Blue#6698FFSky Blue
Light Slate Blue#736AFFLight Slate Blue
Light Cyan2#CFECECLight Cyan2
Light Cyan3#AFC7C7Light Cyan3
Light Cyan4#717D7DLight Cyan4
Light Blue3#95B9C7Light Blue3
Light Blue4#5E767ELight Blue4
Pale Turquoise4#5E7D7EPale Turquoise4
Dark Sea Green4#617C58Dark Sea Green4
Medium Aquamarine#348781Medium Aquamarine
Medium Sea Green#306754Medium Sea Green
Sea Green#4E8975Sea Green
Dark Green#254117Dark Green
Sea Green4#387C44Sea Green4
Forest Green#4E9258Forest Green
Medium Forest Green#347235Medium Forest Green
Spring Green4#347C2CSpring Green4
Dark Olive Green4#667C26Dark Olive Green4
Chartreuse4#437C17Chartreuse4
Green4#347C17Green4
Medium Spring Green#348017Medium Spring Green
Spring Green#4AA02CSpring Green
Lime Green#41A317Lime Green
Spring Green#4AA02CSpring Green
Dark Sea Green#8BB381Dark Sea Green
Dark Sea Green3#99C68EDark Sea Green3
Green3#4CC417Green3
Chartreuse3#6CC417Chartreuse3
Yellow Green#52D017Yellow Green
Spring Green3#4CC552Spring Green3
Sea Green3#54C571Sea Green3
Spring Green2#57E964Spring Green2
Spring Green1#5EFB6ESpring Green1
Sea Green2#64E986Sea Green2
Sea Green1#6AFB92Sea Green1
Dark Sea Green2#B5EAAADark Sea Green2
Dark Sea Green1#C3FDB8Dark Sea Green1
Green#00FF00Green
Lawn Green#87F717Lawn Green
Green1#5FFB17Green1
Green2#59E817Green2
Chartreuse2#7FE817Chartreuse2
Chartreuse#8AFB17Chartreuse
Green Yellow#B1FB17Green Yellow
Dark Olive Green1#CCFB5DDark Olive Green1
Dark Olive Green2#BCE954Dark Olive Green2
Dark Olive Green3#A0C544Dark Olive Green3
Yellow#FFFF00Yellow
Yellow1#FFFC17Yellow1
Khaki1#FFF380Khaki1
Khaki2#EDE275Khaki2
Goldenrod#EDDA74Goldenrod
Gold2#EAC117Gold2
Gold1#FDD017Gold1
Goldenrod1#FBB917Goldenrod1
Goldenrod2#E9AB17Goldenrod2
Gold#D4A017Gold
Gold3#C7A317Gold3
Goldenrod3#C68E17Goldenrod3
Dark Goldenrod#AF7817Dark Goldenrod
Khaki#ADA96EKhaki
Khaki3#C9BE62Khaki3
Khaki4#827839Khaki4
Dark Goldenrod1#FBB117Dark Goldenrod1
Dark Goldenrod2#E8A317Dark Goldenrod2
Dark Goldenrod3#C58917Dark Goldenrod3
Sienna1#F87431Sienna1
Sienna2#E66C2CSienna2
Dark Orange#F88017Dark Orange
Dark Orange1#F87217Dark Orange1
Dark Orange2#E56717Dark Orange2
Dark Orange3#C35617Dark Orange3
Sienna3#C35817Sienna3
Sienna#8A4117Sienna
Sienna4#7E3517Sienna4
Indian Red4#7E2217Indian Red4
Dark Orange3#7E3117Dark Orange3
Salmon4#7E3817Salmon4
Dark Goldenrod4#7F5217Dark Goldenrod4
Gold4#806517Gold4
Goldenrod4#805817Goldenrod4
Light Salmon4#7F462CLight Salmon4
Chocolate#C85A17Chocolate
Coral3#C34A2CCoral3
Coral2#E55B3CCoral2
Coral#F76541Coral
Dark Salmon#E18B6BDark Salmon
Salmon1#F88158Pale Turquoise4
Salmon2#E67451Salmon2
Salmon3#C36241Salmon3
Light Salmon3#C47451Light Salmon3
Light Salmon2#E78A61Light Salmon2
Light Salmon#F9966BLight Salmon
Sandy Brown#EE9A4DSandy Brown
Hot Pink#F660ABHot Pink
Hot Pink1#F665ABHot Pink1
Hot Pink2#E45E9DHot Pink2
Hot Pink3#C25283Hot Pink3
Hot Pink4#7D2252Hot Pink4
Light Coral#E77471Light Coral
Indian Red1#F75D59Indian Red1
Indian Red2#E55451Indian Red2
Indian Red3#C24641Indian Red3
Red#FF0000Red
Red1#F62217Red1
Red2#E41B17Red2
Firebrick1#F62817Firebrick1
Firebrick2#E42217Firebrick2
Firebrick3#C11B17Firebrick3
Pink#FAAFBEPink
Rosy Brown1#FBBBB9Rosy Brown1
Rosy Brown2#E8ADAARosy Brown2
Pink2#E7A1B0Pink2
Light Pink#FAAFBALight Pink
Light Pink1#F9A7B0Light Pink1
Light Pink2#E799A3Light Pink2
Pink3#C48793Pink3
Rosy Brown3#C5908ERosy Brown3
Rosy Brown#B38481Rosy Brown
Light Pink3#C48189Light Pink3
Rosy Brown4#7F5A58Rosy Brown4
Light Pink4#7F4E52Light Pink4
Pink4#7F525DPink4
Lavender Blush4#817679Lavender Blush4
Light Goldenrod4#817339Light Goldenrod4
Lemon Chiffon4#827B60Lemon Chiffon4
Lemon Chiffon3#C9C299Lemon Chiffon3
Light Goldenrod3#C8B560Light Goldenrod3
Light Golden2#ECD672Light Golden2
Light Goldenrod#ECD872Light Goldenrod
Light Goldenrod1#FFE87CLight Goldenrod1
Lemon Chiffon2#ECE5B6Lemon Chiffon2
Lemon Chiffon#FFF8C6Lemon Chiffon
Light Goldenrod Yellow#FAF8CCLight Goldenrod Yellow
Posted by
No comments:
Subscribe to: Posts (Atom)