Friday, November 13, 2015

How to be a software engineer 29

HTML Head


The HTML <head> Element

The <head> element is a container for metadata (data about data).
HTML metadata is data about the HTML document. Metadata is not displayed.
Metadata typically define document title, styles, links, scripts, and other meta information.
The following tags describe metadata: <title>, <style>, <meta>, <link>, <script>, and <base>.

How to be a software engineer 28

HTML Scripts


JavaScripts make HTML pages more dynamic and interactive.

Try it Yourself - Examples


How to insert a script into an HTML document.

How to handle browsers that do not support scripting, or have scripting disabled.

The HTML <script> Tag

The <script> tag is used to define a client-side script, such as a JavaScript.
The <script> element either contains scripting statements or it points to an external script file through the src attribute.
Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
The script below writes Hello JavaScript! into an HTML element with id="demo":

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>


The HTML <noscript> Tag

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client-side scripting.
The <noscript> element can contain all the elements that you can find inside the <body> element of a normal HTML page.
The content inside the <noscript> element will only be displayed if scripts are not supported, or are disabled in the user's browser:

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>

A Taste of JavaScript (From Our JavaScript Tutorial)

Here are some examples of what JavaScript can do:

JavaScript can change HTML content:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

JavaScript can change HTML styles:

document.getElementById("demo").style.fontSize = "25px";

JavaScript can change HTML attributes:

document.getElementById("image").src = "picture.gif";

How to be a software engineer 27

HTML Color Shades


Shades of Gray

Gray colors are displayed using an equal amount of power to all of the light sources.
To make it easy for you to select a gray color we have compiled a table of gray shades for you:

How to be a software engineer 26

HTML Color Groups

Color Names Sorted by Color Groups


Pink Colors
                     
Color Name     HEX     Color     Shades     Mix
Pink                #FFC0CB     Shades     Mix
LightPink        #FFB6C1     Shades     Mix
HotPink          #FF69B4           Shades     Mix
DeepPink        #FF1493           Shades     Mix
PaleVioletRed      #DB7093     Shades     Mix
MediumVioletRed      #C71585           Shades     Mix
Purple Colors
                     
Color Name     HEX     Color     Shades     Mix
Lavender      #E6E6FA           Shades     Mix
Thistle          #D8BFD8      Shades     Mix
Plum          #DDA0DD     Shades     Mix
Orchid          #DA70D6     Shades     Mix
Violet          #EE82EE     Shades     Mix
Fuchsia          #FF00FF           Shades     Mix
Magenta          #FF00FF           Shades     Mix
MediumOrchid      #BA55D3     Shades     Mix
DarkOrchid      #9932CC     Shades     Mix
DarkViolet      #9400D3     Shades     Mix
BlueViolet      #8A2BE2     Shades     Mix
DarkMagenta      #8B008B     Shades     Mix
Purple          #800080           Shades     Mix
MediumPurple      #9370DB     Shades     Mix
MediumSlateBlue      #7B68EE     Shades     Mix
SlateBlue      #6A5ACD     Shades     Mix
DarkSlateBlue      #483D8B     Shades     Mix
RebeccaPurple      #663399           Shades     Mix
Indigo           #4B0082           Shades     Mix
Red Colors
                     
Color Name     HEX     Color     Shades     Mix
LightSalmon      #FFA07A           Shades     Mix
Salmon          #FA8072           Shades     Mix
DarkSalmon      #E9967A           Shades     Mix
LightCoral      #F08080           Shades     Mix
IndianRed       #CD5C5C     Shades     Mix
Crimson          #DC143C     Shades     Mix
Red          #FF0000           Shades     Mix
FireBrick      #B22222           Shades     Mix
DarkRed      #8B0000           Shades     Mix
Orange Colors
                     
Color Name     HEX     Color     Shades     Mix
Orange          #FFA500           Shades     Mix
DarkOrange      #FF8C00           Shades     Mix
Coral          #FF7F50           Shades     Mix
Tomato          #FF6347           Shades     Mix
OrangeRed      #FF4500           Shades     Mix
Yellow Colors
                     
Color Name     HEX     Color     Shades     Mix
Gold          #FFD700     Shades     Mix
Yellow          #FFFF00           Shades     Mix
LightYellow      #FFFFE0           Shades     Mix
LemonChiffon      #FFFACD     Shades     Mix
LightGoldenRodYellow  #FAFAD2     Shades     Mix
PapayaWhip      #FFEFD5     Shades     Mix
Moccasin      #FFE4B5     Shades     Mix
PeachPuff      #FFDAB9     Shades     Mix
PaleGoldenRod      #EEE8AA     Shades     Mix
Khaki          #F0E68C     Shades     Mix
DarkKhaki      #BDB76B     Shades     Mix
Green Colors
                     
Color Name     HEX     Color     Shades     Mix
GreenYellow      #ADFF2F     Shades     Mix
Chartreuse      #7FFF00           Shades     Mix
LawnGreen      #7CFC00     Shades     Mix
Lime          #00FF00           Shades     Mix
LimeGreen      #32CD32     Shades     Mix
PaleGreen      #98FB98           Shades     Mix
LightGreen      #90EE90           Shades     Mix
MediumSpringGreen#00FA9A     Shades     Mix
SpringGreen      #00FF7F           Shades     Mix
MediumSeaGreen      #3CB371     Shades     Mix
SeaGreen      #2E8B57     Shades     Mix
ForestGreen      #228B22           Shades     Mix
Green          #008000           Shades     Mix
DarkGreen      #006400           Shades     Mix
YellowGreen      #9ACD32     Shades     Mix
OliveDrab      #6B8E23     Shades     Mix
DarkOliveGreen      #556B2F           Shades     Mix
MediumAquaMarine#66CDAA     Shades     Mix
DarkSeaGreen      #8FBC8F     Shades     Mix
LightSeaGreen      #20B2AA     Shades     Mix
DarkCyan      #008B8B     Shades     Mix
Teal          #008080           Shades     Mix
Cyan Colors
                     
Color Name     HEX     Color     Shades     Mix
Aqua          #00FFFF           Shades     Mix
Cyan          #00FFFF           Shades     Mix
LightCyan      #E0FFFF           Shades     Mix
PaleTurquoise      #AFEEEE     Shades     Mix
Aquamarine      #7FFFD4     Shades     Mix
Turquoise      #40E0D0     Shades     Mix
MediumTurquoise      #48D1CC     Shades     Mix
DarkTurquoise      #00CED1     Shades     Mix
Blue Colors
                     
Color Name     HEX     Color     Shades     Mix
CadetBlue      #5F9EA0           Shades     Mix
SteelBlue      #4682B4           Shades     Mix
LightSteelBlue      #B0C4DE     Shades     Mix
LightBlue      #ADD8E6     Shades     Mix
PowderBlue      #B0E0E6     Shades     Mix
LightSkyBlue      #87CEFA     Shades     Mix
SkyBlue          #87CEEB     Shades     Mix
CornflowerBlue      #6495ED     Shades     Mix
DeepSkyBlue      #00BFFF           Shades     Mix
DodgerBlue      #1E90FF           Shades     Mix
RoyalBlue      #4169E1           Shades     Mix
Blue          #0000FF           Shades     Mix
MediumBlue      #0000CD     Shades     Mix
DarkBlue      #00008B           Shades     Mix
Navy          #000080           Shades     Mix
MidnightBlue      #191970           Shades     Mix
Brown Colors
                     
Color Name     HEX     Color     Shades     Mix
Cornsilk          #FFF8DC     Shades     Mix
BlanchedAlmond      #FFEBCD     Shades     Mix
Bisque          #FFE4C4     Shades     Mix
NavajoWhite      #FFDEAD     Shades     Mix
Wheat          #F5DEB3     Shades     Mix
BurlyWood      #DEB887     Shades     Mix
Tan          #D2B48C     Shades     Mix
RosyBrown      #BC8F8F     Shades     Mix
SandyBrown      #F4A460           Shades     Mix
GoldenRod      #DAA520     Shades     Mix
DarkGoldenRod      #B8860B     Shades     Mix
Peru          #CD853F     Shades     Mix
Chocolate      #D2691E     Shades     Mix
Olive          #808000           Shades     Mix
SaddleBrown      #8B4513           Shades     Mix
Sienna          #A0522D     Shades     Mix
Brown          #A52A2A           Shades     Mix
Maroon          #800000           Shades     Mix
White Colors
                     
Color Name     HEX     Color     Shades     Mix
White          #FFFFFF           Shades     Mix
Snow          #FFFAFA           Shades     Mix
HoneyDew      #F0FFF0           Shades     Mix
MintCream      #F5FFFA           Shades     Mix
Azure          #F0FFFF           Shades     Mix
AliceBlue      #F0F8FF           Shades     Mix
GhostWhite      #F8F8FF           Shades     Mix
WhiteSmoke      #F5F5F5           Shades     Mix
SeaShell          #FFF5EE           Shades     Mix
Beige          #F5F5DC     Shades     Mix
OldLace          #FDF5E6     Shades     Mix
FloralWhite      #FFFAF0           Shades     Mix
Ivory          #FFFFF0           Shades     Mix
AntiqueWhite      #FAEBD7     Shades     Mix
Linen          #FAF0E6           Shades     Mix
LavenderBlush      #FFF0F5           Shades     Mix
MistyRose      #FFE4E1           Shades     Mix