Code short cuts

Div Style

<div style=”font-size: large;”>  – font

<div style=”font-size:130%;”>

<div style=”font-size: 30px;line-height:1.4em;” >

<div style=”font-size:12px; font-family:Blah;”text</div>

<div style=:”font-family: aaaaaaa;”>

<div style=”color: #123456;”>

<div style=”background: #123456;”>  -background

<div style=”text-align: center; padding: 0;”>

< div style= “border:solid 1px #999;”>

<div style=”background:#123456;”>

<div style=”background:#FFFFCC;”>  – yellow BR

Div blocks

<div style=”width:123px;”

<div style=”height:123px;”

<div style=”border:solid 1px #999;”

<div style=”display:none;”

<div style=”overflow:auto;
<div style=
“overflow:auto;width:123px;height:123px;border:solid 1px #999;”>

Indent padding

<div style=”padding-left:15px;”>
<div style=”padding-right:15px;”>

(sizes for font
small, medium, Large, X-Large,
30px , 7 ,  120%           )

(colors: backrounds:
white #FFFFFF  …  yellow #FFFFFF
blue #CCFFFF  …     gray #CCCCCC  )

<div > , <p>, <span> ,
<ul> , <ol> , < li>

Alignments

<div align=”left;”

<div align=”center;”

Space

&nbsp;

<br / style=”clear: both;”>

<br style=”clear:both;” />

<p>  &nbsp;</p>

<p style= “padding:30px;”>

Reference and Link.

<a href=”http://linklocation”>TEXT </a>

<a title=”title” href=”http://linklocation” target=”_blank”>TEXT</a>

<a name=”top”></a>
<a href=”#top”> TEXT</a>

<a href=”http://linklocation/#specific-place”>TEXT</a&gt;

Mouse Hover

<span style=”cursor:help;” title=”INFO”>TEXT</span>

“Auto” … “Default” ….   “Help”…. “Pointer”….. “Wait”
“Crosshair” …..   “Move” ……. “Smile” …… “Progress”

Image Tag

<a href=”referencedlink”>
<img title=”title” src=”http://filename.ext”
alt=”alttext” width=”123? height=”123? />
</a>

alignnone    –Alignments
alignleft
alignright
aligncenter

Table
<table style=”width:25%;”>

<table style=”border:1px;solid #123;width:123px;”>

<td colspan=”2.”>  – . Designates  # columns wide
<td rowspan=”2″>

<tr> …  <td> …  <th> …. <caption>
<colgroup>, <col>
<tbody><tfoot>

Gigya Code Worpress

gigya