<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-8658591379086115157</atom:id><lastBuildDate>Thu, 05 Sep 2024 10:11:12 +0000</lastBuildDate><category>CSS Programing</category><category>Make Money Online</category><category>SEO</category><category>Programing (HTML)</category><category>Bloging</category><category>Marketing</category><category>Digital Marketing</category><category>Link Building</category><category>Traffic on Site</category><title>SEOpedias</title><description>Search Engine Optimization the process of maximizing the number of visitors to a particular website by ensuring that the site appears high on the list of results returned by a search engine.</description><link>http://seopedias.blogspot.com/</link><managingEditor>noreply@blogger.com (Unknown)</managingEditor><generator>Blogger</generator><openSearch:totalResults>47</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Search Engine Optimization the process of maximizing the number of visitors to a particular website by ensuring that the site appears high on the list of results returned by a search engine.</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6698726170593809291</guid><pubDate>Mon, 29 Aug 2016 15:48:00 +0000</pubDate><atom:updated>2016-08-29T08:48:44.681-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>HTML Tables</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The HTML Tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells.&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP35qA6PnMHoy3nJEk7iw92EFzg2KZzOuDuWbjVglPJI698JjVznpble7y0iMfWdALK_V-9HVSOjChCk7D_EkAuHNvoMAynr5qkHW0Y58O_Q9KEytpylwja_rpVRrD1o9WFPhQQR8pTjNV/s1600/SimpleWordprocessingMlTable.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP35qA6PnMHoy3nJEk7iw92EFzg2KZzOuDuWbjVglPJI698JjVznpble7y0iMfWdALK_V-9HVSOjChCk7D_EkAuHNvoMAynr5qkHW0Y58O_Q9KEytpylwja_rpVRrD1o9WFPhQQR8pTjNV/s640/SimpleWordprocessingMlTable.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The HTML tables are created using the&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;table&amp;gt;&lt;/b&gt;&amp;nbsp;tag in which the&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;tr&amp;gt;&lt;/b&gt;&amp;nbsp;tag is used to create table rows and&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;td&amp;gt;&lt;/b&gt;&amp;nbsp;tag is used to create data cells.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Tables&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1, Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1, Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2, Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2, Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1, Column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1, Column 2&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2, Column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2, Column 2&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Here&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;border&lt;/b&gt;&amp;nbsp;is an attribute of &amp;lt;table&amp;gt; tag and it is used to put a border across all the cells. If you do not need a border then you can use border="0".&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Table Heading&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Table heading can be defined using&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;th&amp;gt;&lt;/b&gt;&amp;nbsp;tag. This tag will be put to replace &amp;lt;td&amp;gt; tag, which is used to represent actual data cell. Normally you will put your top row as table heading as shown below, otherwise you can use &amp;lt;th&amp;gt; element in any row.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Header&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Name&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Salary&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Ramesh Raman&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;5000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Shabbir Hussein&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;7000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Name&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Salary&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Ramesh Raman&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;5000&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Shabbir Hussein&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;7000&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Cellpadding and Cellspacing Attributes&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
There are two attribiutes called&amp;nbsp;&lt;i style="box-sizing: border-box;"&gt;cellpadding&lt;/i&gt;&amp;nbsp;and&amp;nbsp;&lt;i style="box-sizing: border-box;"&gt;cellspacing&lt;/i&gt;&amp;nbsp;which you will use to adjust the white space in your table cells. The cellspacing attribute defines the width of the border, while cellpadding represents the distance between cell borders and the content within a cell.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Cellpadding&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;cellpadding&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"5"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;cellspacing&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"5"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Name&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Salary&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Ramesh Raman&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;5000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Shabbir Hussein&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;7000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; padding: 5px !important;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; padding: 5px; text-align: left;"&gt;Name&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; padding: 5px; text-align: left;"&gt;Salary&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 5px;"&gt;Ramesh Raman&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 5px;"&gt;5000&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 5px;"&gt;Shabbir Hussein&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 5px;"&gt;7000&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Colspan and Rowspan Attributes&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You will use&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;colspan&lt;/b&gt;&amp;nbsp;attribute if you want to merge two or more columns into a single column. Similar way you will use&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;rowspan&lt;/b&gt;&amp;nbsp;if you want to merge two or more rows.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Colspan/Rowspan&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;rowspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"2"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;colspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"3"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 1&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 2&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 3&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td rowspan="2" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td colspan="3" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Tables Backgrounds&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You can set table background using one of the following two ways:&lt;/div&gt;
&lt;ul class="list" style="box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;
&lt;li style="background-attachment: initial; background-clip: initial; background-image: url(&amp;quot;/images/icon-bullet.png&amp;quot;); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"&gt;&lt;div style="box-sizing: border-box; font-size: 15px !important; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;b style="box-sizing: border-box;"&gt;bgcolor&lt;/b&gt;&amp;nbsp;attribute - You can set background color for whole table or just for one cell.&lt;/div&gt;
&lt;/li&gt;
&lt;li style="background-attachment: initial; background-clip: initial; background-image: url(&amp;quot;/images/icon-bullet.png&amp;quot;); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"&gt;&lt;div style="box-sizing: border-box; font-size: 15px !important; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;b style="box-sizing: border-box;"&gt;background&lt;/b&gt;&amp;nbsp;attribute - You can set background image for whole table or just for one cell.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You can also set border color also using&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;bordercolor&lt;/b&gt;&amp;nbsp;attribute.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Background&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;bordercolor&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"green"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;bgcolor&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"yellow"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;rowspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"2"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;colspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"3"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" bordercolor="green" style="background: yellow !important; border-spacing: 1px; box-sizing: border-box;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; box-sizing: border-box; text-align: left;"&gt;Column 1&lt;/th&gt;&lt;th style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; box-sizing: border-box; text-align: left;"&gt;Column 2&lt;/th&gt;&lt;th style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; box-sizing: border-box; text-align: left;"&gt;Column 3&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td rowspan="2" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td colspan="3" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Here is an example of using&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;background&lt;/b&gt;&amp;nbsp;attribute. Here we will use an image available in /images directory.&lt;/div&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Background&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;bordercolor&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"green"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;background&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"/images/test.png"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Column 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;rowspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"2"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;colspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"3"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result. Here background image did not apply to table's header.&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table background="http://www.tutorialspoint.com/images/test.png" border="1" bordercolor="green" style="border-spacing: 1px; box-sizing: border-box;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 1&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 2&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Column 3&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td rowspan="2" style="box-sizing: border-box;"&gt;Row 1 Cell 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2 Cell 3&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td colspan="3" style="box-sizing: border-box;"&gt;Row 3 Cell 1&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Table Height and Width&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You can set a table width and height using&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;width&lt;/b&gt;&amp;nbsp;and&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;height&lt;/b&gt;&amp;nbsp;attrubutes. You can specify table width or height in terms of pixels or in terms of percentage of available screen area.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Width/Height&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;width&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"400"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;height&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"150"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1, Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 1, Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2, Column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Row 2, Column 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; height: 150px; width: 400px;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1, Column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 1, Column 2&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2, Column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Row 2, Column 2&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Table Caption&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;caption&lt;/b&gt;&amp;nbsp;tag will serve as a title or explanation for the table and it shows up at the top of the table. This tag is deprecated in newer version of HTML/XHTML.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table Caption&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;width&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"100%"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;caption&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is the caption&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/caption&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;row 1, column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;row 1, columnn 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;row 2, column 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;row 2, columnn 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; width: 100%px;"&gt;&lt;caption style="box-sizing: border-box;"&gt;This is the caption&lt;/caption&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;row 1, column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;row 1, columnn 2&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;row 2, column 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;row 2, columnn 2&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Table Header, Body, and Footer&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Tables can be divided into three portions: a header, a body, and a foot. The head and foot are rather similar to headers and footers in a word-processed document that remain the same for every page, while the body is the main content holder of the table.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The three elements for separating the head, body, and foot of a table are:&lt;/div&gt;
&lt;ul class="list" style="box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;
&lt;li style="background-attachment: initial; background-clip: initial; background-image: url(&amp;quot;/images/icon-bullet.png&amp;quot;); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"&gt;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;thead&amp;gt; -&amp;nbsp;&lt;/b&gt;to create a separate table header.&lt;/li&gt;
&lt;li style="background-attachment: initial; background-clip: initial; background-image: url(&amp;quot;/images/icon-bullet.png&amp;quot;); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"&gt;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;tbody&amp;gt; -&amp;nbsp;&lt;/b&gt;to indicate the main body of the table.&lt;/li&gt;
&lt;li style="background-attachment: initial; background-clip: initial; background-image: url(&amp;quot;/images/icon-bullet.png&amp;quot;); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"&gt;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;tfoot&amp;gt; -&amp;nbsp;&lt;/b&gt;to create a separate table footer.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
A table may contain several &amp;lt;tbody&amp;gt; elements to indicate different&amp;nbsp;&lt;i style="box-sizing: border-box;"&gt;pages&lt;/i&gt;&amp;nbsp;or groups of data. But it is notable that &amp;lt;thead&amp;gt; and &amp;lt;tfoot&amp;gt; tags should appear before &amp;lt;tbody&amp;gt;&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;width&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"100%"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;thead&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;colspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"4"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is the head of the table&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/thead&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tfoot&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;colspan&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"4"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is the foot of the table&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tfoot&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tbody&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Cell 1&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Cell 2&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Cell 3&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Cell 4&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tbody&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; width: 100%px;"&gt;&lt;thead style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td colspan="4" style="box-sizing: border-box;"&gt;This is the head of the table&lt;/td&gt;&lt;/tr&gt;
&lt;/thead&gt;&lt;tfoot style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td colspan="4" style="box-sizing: border-box;"&gt;This is the foot of the table&lt;/td&gt;&lt;/tr&gt;
&lt;/tfoot&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Cell 1&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Cell 2&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Cell 3&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;Cell 4&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Nested Tables&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You can use one table inside another table. Not only tables you can use almost all the tags inside table data tag &amp;lt;td&amp;gt;.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Following is the example of using another table and other tags inside a table cell.&lt;/div&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;HTML Table&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;width&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"100%"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;table&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;border&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"1"&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;width&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"100%"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Name&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Salary&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Ramesh Raman&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;5000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Shabbir Hussein&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;7000&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
   &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; width: 594px;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;&lt;table border="1" style="border-spacing: 1px; box-sizing: border-box; width: 586px;"&gt;&lt;tbody style="box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Name&lt;/th&gt;&lt;th style="background: rgb(255, 255, 255); box-sizing: border-box; text-align: left;"&gt;Salary&lt;/th&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Ramesh Raman&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;5000&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box;"&gt;Shabbir Hussein&lt;/td&gt;&lt;td style="box-sizing: border-box;"&gt;7000&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/html-tables.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP35qA6PnMHoy3nJEk7iw92EFzg2KZzOuDuWbjVglPJI698JjVznpble7y0iMfWdALK_V-9HVSOjChCk7D_EkAuHNvoMAynr5qkHW0Y58O_Q9KEytpylwja_rpVRrD1o9WFPhQQR8pTjNV/s72-c/SimpleWordprocessingMlTable.png" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-24803160069594746</guid><pubDate>Fri, 26 Aug 2016 16:07:00 +0000</pubDate><atom:updated>2016-08-26T09:07:21.418-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>HTML Comments</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Comment is a piece of code which is ignored by any web browser. It is a good practice to add comments into your HTML code, especially in complex documents, to indicate sections of a document, and any other notes to anyone looking at the code. Comments help you and others understand your code and increases code readability.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
HTML comments are placed in between&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;!-- ... --&amp;gt;&lt;/b&gt;&amp;nbsp;tags. So any content placed with-in &amp;lt;!-- ... --&amp;gt; tags will be treated as comment and will be completely ignored by the browser.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;  &lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!-- Document Header Starts --&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is document title&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!-- Document Header Ends --&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Document content goes here.....&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result without displaying the content given as a part of comments:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Document content goes here.....&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Valid vs Invalid Comments&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Comments do not nest which means a comment can not be put inside another comment. Second the double-dash sequence "--" may not appear inside a comment except as part of the closing --&amp;gt; tag. You must also make sure that there are no spaces in the start-of-comment string.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Here given comment is a valid comment and will be wiped off by the browser.&lt;/div&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Valid Comment Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!--   This is valid comment --&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Document content goes here.....&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
But following line is not a valid comment and will be displayed by the browser. This is because there is a space between the left angle bracket and the exclamation mark.&lt;/div&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;  
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Invalid Comment Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; 
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&amp;lt; !--   This is not a valid comment --&amp;gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Document content goes here.....&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&amp;lt; !-- This is not a valid comment --&amp;gt;&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Document content goes here.....&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Multiline Comments&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
So far we have seen single line comments, but HTML supports multi-line comments as well.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You can comment multiple lines by the special beginning tag &amp;lt;!-- and ending tag --&amp;gt; placed before the first line and end of the last line as shown in the given example below.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;  
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Multiline Comments&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; 
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!--   
This is a multiline comment and it can
span through as many as lines you like.
--&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Document content goes here.....&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Document content goes here.....&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Conditional Comments&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Conditional comments only work in Internet Explorer (IE) on Windows but they are ignored by other browsers. They are supported from Explorer 5 onwards, and you can use them to give conditional instructions to different versions of IE.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;  
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Conditional Comments&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;

&lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!--[if IE 6]&amp;gt;
   Special instructions for IE 6 here
&amp;lt;![endif]--&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;

&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; 
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Document content goes here.....&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
You will come across a situation where you will need to apply a different style sheet based on different versions of Internet Explorer, in such situation conditional comments will be helpful.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Using Comment Tag&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
There are few browsers that support &amp;lt;comment&amp;gt; tag to comment a part of HTML code.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Using Comment Tag&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;comment&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;not&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/comment&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; Internet Explorer.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
If you are using IE then it will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This is Internet Explorer.&lt;/div&gt;
&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
But if you are not using IE, then it will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This is&amp;nbsp;&lt;comment style="box-sizing: border-box;"&gt;not&lt;/comment&gt;&amp;nbsp;Internet Explorer.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Commenting Script Code&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Though you will learn Javascript with HTML, in a separate tutorial, but here you must make a note that if you are using Java Script or VB Script in your HTML code then it is recommended to put that script code inside proper HTML comments so that old browsers can work properly.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Commenting Script Code&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;&amp;lt;!--&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; 
   document&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;.&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;write&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;(&lt;/span&gt;&lt;span class="str" style="box-sizing: border-box; color: #008800;"&gt;"Hello World!"&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;)&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;//--&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Hello , World!&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Hello World!&lt;/div&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Hello , World!&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Commenting Style Sheets&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Though you will learn using style sheets with HTML in a separate tutorial, but here you must make a note that if you are using Casecading Style Sheet (CSS) in your HTML code then it is recommended to put that style sheet code inside proper HTML comments so that old browsers can work properly.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Commenting Style Sheets&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="com" style="box-sizing: border-box; color: #880000;"&gt;&amp;lt;!--
.example {
  border:1px solid #4a7d49;
}
//--&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;div&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;class&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"example"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Hello , World!&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; width: 604px;"&gt;
&lt;div style="border: 1px solid rgb(74, 125, 73); box-sizing: border-box;"&gt;
Hello , World!&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/html-comments.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-4694331038943576995</guid><pubDate>Fri, 26 Aug 2016 15:46:00 +0000</pubDate><atom:updated>2016-08-26T08:47:43.746-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>HTML Phrase Tags</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The phrase tags have been designed for specific purposes, though they are displayed in a similar way as other basic tags like &amp;lt;b&amp;gt;, &amp;lt;i&amp;gt;, &amp;lt;pre&amp;gt;, and &amp;lt;tt&amp;gt;.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Emphasized Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Anything that appears within&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;em&amp;gt;...&amp;lt;/em&amp;gt;&lt;/b&gt;&amp;nbsp;element is displayed as emphasized text.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Emphasized Text Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;The following word uses a &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;em&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;emphasized&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/em&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; typeface.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The following word uses a&amp;nbsp;&lt;em style="box-sizing: border-box;"&gt;emphasized&lt;/em&gt;&amp;nbsp;typeface.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Marked Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Anything that appears with-in&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;mark&amp;gt;...&amp;lt;/mark&amp;gt;&lt;/b&gt;&amp;nbsp;element, is displayed as marked with yellow ink.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Marked Text Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;The following word has been &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;mark&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;marked&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/mark&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; with yellow&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The following word has been&amp;nbsp;&lt;mark style="box-sizing: border-box;"&gt;marked&lt;/mark&gt;&amp;nbsp;with yellow.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Strong Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Anything that appears within&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;strong&amp;gt;...&amp;lt;/strong&amp;gt;&lt;/b&gt;&amp;nbsp;element is displayed as important text.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Strong Text Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;The following word uses a &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;strong&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;strong&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; typeface.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The following word uses a&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;strong&lt;/strong&gt;&amp;nbsp;typeface.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Text Abbreviation&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
You can abbreviate a text by putting it inside opening&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;abbr&amp;gt;&lt;/b&gt;&amp;nbsp;and closing&lt;b style="box-sizing: border-box;"&gt;&amp;lt;/abbr&amp;gt;&lt;/b&gt;&amp;nbsp;tags. If present, the title attribute must contain this full description and nothing else.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Text Abbreviation&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;My best friend's name is  &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;abbr&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;title&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"Abhishek"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Abhy&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/abbr&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
My best friend's name is&amp;nbsp;&lt;abbr style="box-sizing: border-box;" title="Abhishek"&gt;Abhy&lt;/abbr&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Acronym Element&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;acronym&amp;gt;&lt;/b&gt;&amp;nbsp;element allows you to indicate that the text between &amp;lt;acronym&amp;gt; and &amp;lt;/acronym&amp;gt; tags is an acronym.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
At present, the major browsers do not change the appearance of the content of the &amp;lt;acronym&amp;gt; element.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Acronym Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This chapter covers marking up text in &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;acronym&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;XHTML&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/acronym&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This chapter covers marking up text in&amp;nbsp;&lt;acronym style="box-sizing: border-box;"&gt;XHTML&lt;/acronym&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Text Direction&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;bdo&amp;gt;...&amp;lt;/bdo&amp;gt;&lt;/b&gt;&amp;nbsp;element stands for Bi-Directional Override and it is used to override the current text direction.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Text Direction Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This text will go left to right.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&amp;lt;bdo&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; &lt;/span&gt;&lt;span class="atn" style="box-sizing: border-box; color: #7f0055;"&gt;dir&lt;/span&gt;&lt;span class="pun" style="box-sizing: border-box; color: #666600;"&gt;=&lt;/span&gt;&lt;span class="atv" style="box-sizing: border-box; color: #008800;"&gt;"rtl"&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This text will go right to left.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/bdo&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This text will go left to right.&lt;/div&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;bdo dir="rtl" style="box-sizing: border-box;"&gt;This text will go right to left.&lt;/bdo&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Special Terms&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;dfn&amp;gt;...&amp;lt;/dfn&amp;gt;&lt;/b&gt;&amp;nbsp;element (or HTML Definition Element) allows you to specify that you are introducing a special term. It's usage is similar to italic words in the midst of a paragraph.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Typically, you would use the &amp;lt;dfn&amp;gt; element the first time you introduce a key term. Most recent browsers render the content of a &amp;lt;dfn&amp;gt; element in an italic font.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Special Terms Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;The following word is a &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;dfn&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;special&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/dfn&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; term.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The following word is a&amp;nbsp;&lt;dfn style="box-sizing: border-box;"&gt;special&lt;/dfn&gt;&amp;nbsp;term.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Quoting Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
When you want to quote a passage from another source, you should put it in between&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;blockquote&amp;gt;...&amp;lt;/blockquote&amp;gt;&lt;/b&gt;&amp;nbsp;tags.&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Text inside a &amp;lt;blockquote&amp;gt; element is usually indented from the left and right edges of the surrounding text, and sometimes uses an italicized font.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Blockquote Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;The following description of XHTML is taken from the W3C Web site:&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;

&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;blockquote&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/blockquote&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
The following description of XHTML is taken from the W3C Web site:&lt;/div&gt;
&lt;blockquote style="background-color: #f9f9f9; border-left: 0px; box-sizing: border-box; color: black; font-size: 1em; margin-left: 20px; padding: 15px 25px 7px;"&gt;
XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.&lt;/blockquote&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Short Quotations&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;q&amp;gt;...&amp;lt;/q&amp;gt;&lt;/b&gt;&amp;nbsp;element is used when you want to add a double quote within a sentence.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Double Quote Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Amit is in Spain, &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;q&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;I think I am wrong&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/q&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Amit is in Spain,&amp;nbsp;&lt;q style="box-sizing: border-box;"&gt;I think I am wrong&lt;/q&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Text Citations&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
If you are quoting a text, you can indicate the source placing it between an opening&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;cite&amp;gt;&lt;/b&gt;&amp;nbsp;tag and closing&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;/cite&amp;gt;&lt;/b&gt;&amp;nbsp;tag&lt;/div&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
As you would expect in a print publication, the content of the &amp;lt;cite&amp;gt; element is rendered in italicized text by default.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Citations Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This HTML tutorial is derived from &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;cite&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;W3 Standard for HTML&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/cite&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
This HTML tutorial is derived from&amp;nbsp;&lt;cite style="box-sizing: border-box;"&gt;W3 Standard for HTML&lt;/cite&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Computer Code&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
Any programming code to appear on a Web page should be placed inside&lt;b style="box-sizing: border-box;"&gt;&amp;lt;code&amp;gt;...&amp;lt;/code&amp;gt;&lt;/b&gt;&amp;nbsp;tags. Usually the content of the &amp;lt;code&amp;gt; element is presented in a monospaced font, just like the code in most programming books.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Computer Code Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Regular text. &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;code&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is code.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/code&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; Regular text.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Regular text.&amp;nbsp;&lt;code style="background-color: white; box-sizing: border-box;"&gt;This is code.&lt;/code&gt;&amp;nbsp;Regular text.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Keyboard Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
When you are talking about computers, if you want to tell a reader to enter some text, you can use the&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;kbd&amp;gt;...&amp;lt;/kbd&amp;gt;&lt;/b&gt;&amp;nbsp;element to indicate what should be typed in, as in this example.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Keyboard Text Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Regular text. &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;kbd&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;This is inside kbd element&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/kbd&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt; Regular text.&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Regular text.&amp;nbsp;&lt;kbd style="background-color: white; box-shadow: none; box-sizing: border-box;"&gt;This is inside kbd element&lt;/kbd&gt;&amp;nbsp;Regular text.&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Programming Variables&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This element is usually used in conjunction with the&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;pre&amp;gt;&lt;/b&gt;&amp;nbsp;and&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;code&amp;gt;&lt;/b&gt;elements to indicate that the content of that element is a variable.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Variable Text Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;document.write("&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;var&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;user-name&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/var&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;")&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
&lt;code style="background-color: white; box-sizing: border-box;"&gt;document.write("&lt;var style="box-sizing: border-box;"&gt;user-name&lt;/var&gt;")&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Program Output&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;samp&amp;gt;...&amp;lt;/samp&amp;gt;&lt;/b&gt;&amp;nbsp;element indicates sample output from a program, and script etc. Again, it is mainly used when documenting programming or coding concepts.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Program Output Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Result produced by the program is &lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;samp&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Hello World!&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/samp&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;div style="box-sizing: border-box; color: black; font-size: 15px !important; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;"&gt;
Result produced by the program is&amp;nbsp;&lt;samp style="box-sizing: border-box;"&gt;Hello World!&lt;/samp&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #121214; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Address Text&lt;/h2&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
The&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;&amp;lt;address&amp;gt;...&amp;lt;/address&amp;gt;&lt;/b&gt;&amp;nbsp;element is used to contain any address.&lt;/div&gt;
&lt;h3 style="border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; left: 0px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-align: start; text-shadow: rgb(204, 204, 204) 1px 1px 2px;"&gt;
Example&lt;/h3&gt;
&lt;pre class="prettyprint notranslate tryit prettyprinted" style="background: url(&amp;quot;/html/images/try-it.jpg&amp;quot;) right top no-repeat rgb(238, 238, 238) !important; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; cursor: default; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 16px; margin-bottom: 10px; min-height: 37px; overflow: auto; padding: 5px; text-align: start; width: 604px;"&gt;&lt;span class="dec" style="box-sizing: border-box; color: #7f0055;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;Address Example&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;address&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;388A, Road No 22, Jubilee Hills -  Hyderabad&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/address&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;span class="pln" style="box-sizing: border-box;"&gt;
&lt;/span&gt;&lt;span class="tag" style="box-sizing: border-box; color: #000088;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0em 0.2em 1em; padding: 0px; word-wrap: break-word;"&gt;
This will produce following result:&lt;/div&gt;
&lt;div class="result notranslate" style="border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 4px; text-align: start; width: 604px;"&gt;
&lt;address style="box-sizing: border-box; margin-bottom: 0px;"&gt;
388A, Road No 22, Jubilee Hills - Hyderabad&lt;/address&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/html-phrase-tags.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-4683819361948278646</guid><pubDate>Tue, 16 Aug 2016 17:00:00 +0000</pubDate><atom:updated>2016-08-29T08:02:10.278-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Horizontal Align</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS, we can use different properties (like margin, position or float) to align elements horizontally.&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfl9u0WWHfv12DJy46J1pS1VZqnhGRHkbhNUuPNf9nphTm7LDcFzSRAGO-Ctp4EbO5XazzE3P_ezp089kzsyavQqN5j5HkpR68uXlclctIbdul6KSs_mIUYDJWT-Vm4gv-dpDiHdPKqaYg/s1600/text-align.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfl9u0WWHfv12DJy46J1pS1VZqnhGRHkbhNUuPNf9nphTm7LDcFzSRAGO-Ctp4EbO5XazzE3P_ezp089kzsyavQqN5j5HkpR68uXlclctIbdul6KSs_mIUYDJWT-Vm4gv-dpDiHdPKqaYg/s640/text-align.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;Using the margin Property for Center Aligning&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;By setting the margin-left and margin-right property to "auto" for a block element, specifies the available margin equally.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The will define the element as a center aligned:&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; text-align: left; word-break: break-all; word-wrap: break-word;"&gt;#example-center 
{
 margin-left: auto;
 margin-right: auto;
 width: 50%;
 background-color: #336699;
}
&lt;/pre&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;Using the position Property to Align Left and Right&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Using the absolute positioning also, we can achieve the left or right alignment of HTML element:&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-right
{
    position: absolute;
    right: 0px;
    width: 150px;
    background-color: #336699;
}&lt;/pre&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;Using the float Property to Align Left and Right&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Another way to aligning elements is by using the float property:&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; display: block; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin: 0px 0px 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-right
{
 float: right;
 width: 150px;
 background-color: #336699;
}
&lt;/pre&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/css-horizontal-align.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfl9u0WWHfv12DJy46J1pS1VZqnhGRHkbhNUuPNf9nphTm7LDcFzSRAGO-Ctp4EbO5XazzE3P_ezp089kzsyavQqN5j5HkpR68uXlclctIbdul6KSs_mIUYDJWT-Vm4gv-dpDiHdPKqaYg/s72-c/text-align.png" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6571809847946334833</guid><pubDate>Tue, 16 Aug 2016 16:01:00 +0000</pubDate><atom:updated>2016-08-29T08:07:24.281-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Position Property</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS, the position property is used to set position for the HTML elements. Mainly the position property can have four possible values - static, relative, fixed or absolute.&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKUa9IKf8Dqb6fgwwlhOTGF0rfWX1Ytxdts37ABWzJL_dp6RX1VFqP-VVP2xYDW9VuZTHiDzBqV7LRqoGaej149tJO57yQUkGeGtiMrptdatOwYdkWRT91w2-PO6yZG24ZTMsnr-7bkaW/s1600/css-position-static-relative-absolute-fixed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKUa9IKf8Dqb6fgwwlhOTGF0rfWX1Ytxdts37ABWzJL_dp6RX1VFqP-VVP2xYDW9VuZTHiDzBqV7LRqoGaej149tJO57yQUkGeGtiMrptdatOwYdkWRT91w2-PO6yZG24ZTMsnr-7bkaW/s640/css-position-static-relative-absolute-fixed.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1;"&gt;The position:static property&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;By default, the HTML elements have the position value as static which can not be affected by the top, bottom, left, and right properties.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-static
{
 position: static;
 border: 1px solid black;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
The position:relative property&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Positioning any HTML element as relative, is positioned relative to its normal position. This can be done by setting the top, right, bottom, and left properties of a relatively-positioned element.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-relative
{
 position: relative;
 left: 25px;
 border: 1px solid black;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
The position:fixed property&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Positioning any HTML element as fixed, allows to position an HTML element to a particular spot on the page (relative to the viewport). It will fix the position of the element that always stays in the same place even if the page is scrolled.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Below example will set a fixed element in the lower-right corner of the page:&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-fixed
{
 position: fixed;
 bottom: 0;
 right: 0;
 width: 250px;
 border: 1px solid black;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
The position:absolute property&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;An element defined with the position: absolute property is positioned at the specified coordinates relative to the screen top-left corner.&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; display: block; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin: 0px 0px 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#example-absolute 
{
 position: absolute;
 left: 250px;
 top: 250px;
 border: 1px solid black;
}
&lt;/pre&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/css-position-property.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKUa9IKf8Dqb6fgwwlhOTGF0rfWX1Ytxdts37ABWzJL_dp6RX1VFqP-VVP2xYDW9VuZTHiDzBqV7LRqoGaej149tJO57yQUkGeGtiMrptdatOwYdkWRT91w2-PO6yZG24ZTMsnr-7bkaW/s72-c/css-position-static-relative-absolute-fixed.png" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-4215081009354420326</guid><pubDate>Thu, 11 Aug 2016 13:35:00 +0000</pubDate><atom:updated>2016-08-16T09:55:55.787-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Display and Visibility</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS &amp;nbsp;display property defines how an element is displayed (used for controlling layout).&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The visibility property defines whether an element should be visible or hidden.&lt;/span&gt;
&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
CSS Display Property&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In HTML each and every element has a default display value either block or inline.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;A block value specifies the full width available for an element and by default use a line break before and after it.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Some common HTML elements which have the display value as block are &amp;lt; h1 &amp;gt;, &amp;lt; p &amp;gt;, &amp;lt; li &amp;gt;, &amp;lt; div &amp;gt; etc.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;An inline value specifies the necessary width of the element only, and never force for line breaks before and after the element.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Some common HTML elements which have the display value as inline are &amp;lt; span &amp;gt;, &amp;lt; a &amp;gt; etc.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;we can change the display of any element by using the CSS display property. Below is the example:&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1 
{
 display: inline;
}
a 
{
    display: block;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Hiding any Element - using display:none or visibility:hidden&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Any element can be hide by using the CSS display or visisbility property.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;using display:none property&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;This property hides an element and it will not take any space for the element on the webpage.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt; h1
 {
  display: none;
 }
&lt;/pre&gt;
&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;using visibility:hidden property&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;This property hides an element but still it will take the same space for the element as before on the webpage.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt; h1 
 {
  visibility: hidden;
 }&lt;/pre&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/css-display-and-visibility.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-8069435490534429539</guid><pubDate>Thu, 11 Aug 2016 13:23:00 +0000</pubDate><atom:updated>2016-08-29T08:10:07.393-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Font</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;CSS Font property is used to control the look of texts by defining their font family, boldness, size and the style.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5Ca6GEY5ddVf7NE3UJ6saeGZv7LxiGDQYPpi3XG877yChxnhl67qGx37WBUgh2lOle6-drzu6520fm27Df05Nga62WYKFgG5LW8ksyClpUeH4qecEZyTu4eWJVBDh43rLCDf0smsZakf/s1600/images+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5Ca6GEY5ddVf7NE3UJ6saeGZv7LxiGDQYPpi3XG877yChxnhl67qGx37WBUgh2lOle6-drzu6520fm27Df05Nga62WYKFgG5LW8ksyClpUeH4qecEZyTu4eWJVBDh43rLCDf0smsZakf/s640/images+%25281%2529.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;Font Family&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The font-family property is used to set the font family of a text.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;p 
{
 font-family: Times, serif;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;Note:&lt;/span&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&amp;nbsp;Here we have specified two font families Times and Serif. This approach is helpfule when a browser does not support the first one then it tries the next font. Use quotation marks if the name of a font family is more than one word like "Times New Roman".&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Font Style&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The font-style property is used to specify style (normal, italic or oblique) of the text.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The posible value for this property can be:&lt;/span&gt;&lt;br /&gt;
&lt;ul style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0.75em 0px; padding: 0px 1em;"&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;normal - Specify a normal text&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;italic - Specify a text in italics&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;oblique - Specify a text "leaning" (very similar to italic, but less supported)&lt;/li&gt;
&lt;/ul&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1
{
 font-style: normal;
}
h2
{
 font-style: italic;
}
p
{
 font-style: oblique;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Font Size&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The font-size property is used to sets the size of the text either in absolute (like in pixels, point etc) or relative (like in percentage, em etc).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1 
{
    font-size: 16px;
}

h2 
{
    font-size: 2em;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The em size unit is recommended by the W3C. 1em = 16px ( 16 px is the default size of text in browsers).&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Possible values of the font-size property can be:&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;medium&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a medium size. This is default&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;xx-small&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to an xx-small size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;x-small&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to an extra small size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;small&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a small size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;large&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a large size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;x-large&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to an extra large size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;xx-large&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to an xx-large size&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;smaller&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a smaller size than the parent element&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;larger&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a larger size than the parent element&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;length&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a fixed size in px, cm, etc.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;%&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the font-size to a percent of the parent element's font size&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Font Weight&lt;/h3&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The font-weight property is used to sets the weight (how bold a font) of the text. Possible values for this property could be normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h2 
{
    font-size: 2em;
 font-weight:bold;
}&lt;/pre&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
All CSS Font Properties&lt;/h3&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Property&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;font-family&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the font family for text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;font-size&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the font size of text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;font-style&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the font style for text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;font-variant&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies whether or not a text should be displayed in a small-caps font&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;font-weight&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the weight of a font&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/08/css-font.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5Ca6GEY5ddVf7NE3UJ6saeGZv7LxiGDQYPpi3XG877yChxnhl67qGx37WBUgh2lOle6-drzu6520fm27Df05Nga62WYKFgG5LW8ksyClpUeH4qecEZyTu4eWJVBDh43rLCDf0smsZakf/s72-c/images+%25281%2529.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-3862508088185703340</guid><pubDate>Tue, 26 Jul 2016 16:41:00 +0000</pubDate><atom:updated>2016-07-26T09:41:10.588-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Bloging</category><title>How to Get a custom URL for YouTube channel</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;You can give fans an easy-to-remember web address to get to your YouTube channel using a custom URL (like&lt;/span&gt;&lt;code style="background-color: white; color: #006600; font-size: 13px; line-height: 20px;"&gt;youtube.com/creatoracademy&lt;/code&gt;&lt;span style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;). Choose from URL options based on things like your display name, your YouTube username, any current vanity URLs that you have, or the name of your linked website.&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhLjkR3qUkG4bZc6KdvRRlYDrMbjaMuQ6ZBWaE-ONW4W49spxeFL17VbmC4ck_r_Xl2VoV51842wWSLiEnOezxdEz-u3A8e8SfsRCgHSmYaSxV-Nq853nPwWMM8t913cdQYYZsfkNJqBf/s1600/youtube-logo-transparent.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhLjkR3qUkG4bZc6KdvRRlYDrMbjaMuQ6ZBWaE-ONW4W49spxeFL17VbmC4ck_r_Xl2VoV51842wWSLiEnOezxdEz-u3A8e8SfsRCgHSmYaSxV-Nq853nPwWMM8t913cdQYYZsfkNJqBf/s640/youtube-logo-transparent.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;strong style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;Important:&lt;/strong&gt;&lt;span style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;&amp;nbsp;You can't change your custom URL after you create it.&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-size: large; font-weight: normal;"&gt;Eligibility requirements&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
To get a custom URL for your channel, your account needs to meet these requirements:&lt;/div&gt;
&lt;ul style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="list-style-type: none; margin: 4px 0px; padding-left: 16px;"&gt;Have 100 or more subscribers&lt;/li&gt;
&lt;li style="list-style-type: none; margin: 4px 0px; padding-left: 16px;"&gt;Be at least 30 days old&lt;/li&gt;
&lt;li style="list-style-type: none; margin: 4px 0px; padding-left: 16px;"&gt;Have an uploaded photo as channel icon&lt;/li&gt;
&lt;li style="list-style-type: none; margin: 4px 0px; padding-left: 16px;"&gt;Have uploaded channel art&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
You can also qualify for a custom URL that aligns with your web domain by&amp;nbsp;&lt;a href="https://support.google.com/business/answer/4569085" style="color: #7759ae; text-decoration: none;" target="_blank"&gt;linking and verifying&lt;/a&gt;&amp;nbsp;your official webpage with your connected Google+ page&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; line-height: 20px; margin-bottom: 12px; margin-top: 4px; text-align: left;"&gt;
&lt;span style="font-size: large; font-weight: normal;"&gt;Set up a custom URL for your channel&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
If you're qualified for a custom URL, you'll see a notice in your&amp;nbsp;&lt;a href="https://youtube.com/account_advanced" style="color: #7759ae; text-decoration: none;" target="_blank"&gt;advanced account settings&lt;/a&gt;, receive an email notification, and may see a notification in your Creator Studio dashboard.&lt;/div&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
To get your custom URL, follow these steps:&lt;/div&gt;
&lt;ol style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Sign in to YouTube and go to your&amp;nbsp;&lt;a href="https://youtube.com/account_advanced" style="color: #7759ae; text-decoration: none;" target="_blank"&gt;advanced account settings&lt;/a&gt;.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Under "Channel settings," select the link to claim your custom URL.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;In the "Get a custom URL" box, you'll see the custom URL(s) you've been approved for. You can't change these, but you may need to add a few letters or numbers to make the URL unique to you.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Select the box next to "I agree to the Terms of Service," then click&amp;nbsp;&lt;strong&gt;Change URL&lt;/strong&gt;.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Keep in mind that the custom URL will be linked to both your YouTube channel and your Google+ identity. Once your URL has been approved, you can't request to change it. When you're sure this is the URL you want, click&lt;strong&gt;Confirm choice&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
Once selected, your audience can reach your channel by going to to either&amp;nbsp;&lt;code style="color: #006600;"&gt;youtube.com/c/creatoracademy&lt;/code&gt;&amp;nbsp;or&lt;code style="color: #006600;"&gt;youtube.com/creatoracademy&lt;/code&gt;&amp;nbsp;(note that we are using the Creator Academy channel as an example here, your URL will be unique to your channel). Both URLs will redirect to your channel homepage.&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; line-height: 20px; margin-bottom: 12px; margin-top: 4px; text-align: left;"&gt;
&lt;span style="font-size: large; font-weight: normal;"&gt;Change capitalization or accents of your custom URL&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
If you want to change the capitalization, accents, or diacritics of your custom URL, follow these steps:&lt;/div&gt;
&lt;ol style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Sign in to&amp;nbsp;&lt;a href="https://plus.google.com/" style="color: #7759ae; text-decoration: none;" target="_blank"&gt;Google+&lt;/a&gt;.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;In the top left corner, click the profile icon and go to the page or profile associated with your YouTube channel.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Click the&amp;nbsp;&lt;strong&gt;About&lt;/strong&gt;&amp;nbsp;tab.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;On the "Links" card, click&amp;nbsp;&lt;strong&gt;Edit&lt;/strong&gt;.&lt;/li&gt;
&lt;li style="margin: 4px 0px 4px 20px;"&gt;Make edits to the URL's formatting, then click&amp;nbsp;&lt;strong&gt;Save&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style="background-color: white; color: #212121; font-family: Roboto, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px;"&gt;
Keep in mind that you can only change the capitalization and diacritics of the URL, not the URL itself.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/how-to-get-custom-url-for-youtube.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhLjkR3qUkG4bZc6KdvRRlYDrMbjaMuQ6ZBWaE-ONW4W49spxeFL17VbmC4ck_r_Xl2VoV51842wWSLiEnOezxdEz-u3A8e8SfsRCgHSmYaSxV-Nq853nPwWMM8t913cdQYYZsfkNJqBf/s72-c/youtube-logo-transparent.png" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6448475789591062469</guid><pubDate>Tue, 19 Jul 2016 15:57:00 +0000</pubDate><atom:updated>2016-07-19T08:57:17.251-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Text</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS it is possible to manipulate the text used in the webpage with the help of text properties.&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Below are the various text properties which can be applied to any HTML element -&lt;/span&gt;&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 30px; line-height: 1.1; margin-bottom: 2px; margin-top: 10px;"&gt;
Text Color&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The color property is used to set the color of the text.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 4px; word-break: break-all; word-wrap: break-word;"&gt;h1 
{
	color: #336699;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To define the default color of the text we use the body selector:&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 4px; word-break: break-all; word-wrap: break-word;"&gt;body 
{
	color: blue;
}&lt;/pre&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 30px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Text Alignment&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The text-align property is used to set the alignment of text horizontal.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1 
{
	text-align: left;
}&lt;/pre&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The posible values for this property are:&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;left&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Aligns the text to the left&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;right&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Aligns the text to the right&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;center&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Centers the text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;justify&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Stretches the lines so that each line has equal width (like in newspapers and magazines)&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;initial&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets this property to its default value.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;inherit&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Inherits this property from its parent element.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 30px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Text Decoration&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The text-decoration property is used to set or remove decorations from text (like removing underlines from links etc).&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;a 
{
    text-decoration: none;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The posible values for this property are:&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;none&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Defines a normal text. This is default&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;underline&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Defines a line below the text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;overline&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Defines a line above the text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;line-through&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Defines a line through the text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;initial&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets this property to its default value.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;inherit&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Inherits this property from its parent element.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h2&gt;
&lt;span style="background-color: white; color: #444444; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 20px; line-height: 1.1;"&gt;Text Transformation&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The text-transform property is used to turn the selectd text into uppercase, lowercase letters or capitalizing the first letter of each word.&lt;/span&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1
{
	text-transform: uppercase;
}
h3
{
	text-transform: lowercase;
}
h3
{
	text-transform: capitalize;
}&lt;/pre&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 30px; line-height: 1.1; margin-bottom: 5px; margin-top: 10px;"&gt;
Text Indentation&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To specify the indentation of the first line of a text, CSS has "text-indent" property.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&lt;/span&gt;

&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;p 
{
	text-indent: 25px;
}&lt;/pre&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 30px; line-height: 1.1; margin-bottom: 5px; margin-top: 10px;"&gt;
All Text Properties&lt;/h2&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Below are the all CSS Text properties:&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px; width: 169px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Property&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;color&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the color of text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;direction&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the text direction/writing direction&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;letter-spacing&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Increases or decreases the space between characters in a text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;line-height&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the line height&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;text-align&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the horizontal alignment of text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;text-decoration&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the decoration added to text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;text-indent&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the indentation of the first line in a text-block&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;text-shadow&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies the shadow effect added to text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;text-transform&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Controls the capitalization of text&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;unicode-bidi&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;vertical-align&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets the vertical alignment of an element&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;white-space&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specifies how white-space inside an element is handled&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;word-spacing&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Increases or decreases the space between words in a text&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/css-text.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-5402299553709721790</guid><pubDate>Tue, 19 Jul 2016 13:53:00 +0000</pubDate><atom:updated>2016-08-29T08:10:59.503-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Background</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 18px; line-height: 20px;"&gt;In CSS, there are different background properties which can be used to define the background effects of any HTML element. The various background effects are -&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background Color&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To apply a color in the backgro&lt;/span&gt;&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;und o&lt;/span&gt;&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;f any HTML Element, In CSS there is property "background-color".&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;h1
{
 background-color: #336699;
}
&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The above example will change the background color of the h1 element with the "#336699" color.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS the color code can be specified by the following ways:&lt;/span&gt;&lt;br /&gt;
&lt;ul style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0.75em 0px; padding: 0px 1em;"&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;By HEX value - like "#336699"&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;By RGB value - like "rgb( 255, 0, 0 )"&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;By color name - like "blue"&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background Image&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To apply an image in the background of any HTML Element, In CSS there is property "background-image".&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The image will cover the entire element because the by default behaviour of the "background-image" property is repeated.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;body 
{
 background-image: url( "example.jpg" );
}
&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;background-image property supports all the major types of image (like .jpg, .png, .gif, .bmp etc)&lt;/span&gt;&lt;br /&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background Repeat&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;CSS "background-repeat" property oftenly used with the "background-image" property. The by default behaviour of the "background-image" property is repeated.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;So it will repeats an image both horizontally and vertically. CSS "background-repeat" property allows to set the values like repeat, no-repeat, repeat horizontally only etc.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;body 
{
 background-image: url( "example.jpg" );
 background-repeat: repeat-x;
}
&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In the above example, the image will repeated horizontally only.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;Other possible values of "background-repeat" property are given below&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;repeat&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specify the repetition both vertically and horizontally.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;repeat-x&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specify the repetition only horizontally&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;repeat-y&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Specify the repetition only vertically&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;no-repeat&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The background-image will not be repeated&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;initial&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets this property to its default value.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;inherit&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Inherits this property from its parent element.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background Attachment&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The background-attachment property is used to specify if the background image is fixed or scroll with the rest of the page in browser window. Means that if any background image is set as fixed with the "background-attachment" property then the image will not move during scrolling in the browser.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;body 
{
 background: url( "example.jpg" );  
 background-repeat: no-repeat;  
 background-attachment: fixed;
}
&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The possible values of "background-attachment" property are given below:&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;scroll&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The background scrolls along with the element. This is default&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;fixed&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The background is fixed with regard to the viewport&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;local&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The background scrolls along with the element's contents&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;initial&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets this property to its default value. Read about initial&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;inherit&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Inherits this property from its parent element. Read about inherit&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background Position&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The "background-position" property allows to set the position of the image or color used in the background of any HTML element.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;body 
{
 background-image: url( "example.jpg" );
 background-repeat: no-repeat;
 background-position: right top;
}
&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The possible values of "background-position" property are given below:&lt;/span&gt;&lt;br /&gt;
&lt;table style="background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; width: 847px;"&gt;&lt;tbody style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: border-box;"&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px; width: 169px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Value&lt;/span&gt;&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;left top&lt;br /&gt;
left center&lt;br /&gt;
left bottom&lt;br /&gt;
right top&lt;br /&gt;
right center&lt;br /&gt;
right bottom&lt;br /&gt;
center top&lt;br /&gt;
center center&lt;br /&gt;
center bottom&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;If you only specify one keyword, the other value will be "center"&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;x% y%&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. Default value is: 0% 0%&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;xpos ypos&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;initial&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Sets this property to its default value.&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="box-sizing: border-box;"&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;inherit&lt;/td&gt;&lt;td style="box-sizing: border-box; padding: 0px;"&gt;Inherits this property from its parent element.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-size: 35px;"&gt;Background - Shorthand property&lt;/span&gt;&lt;/h2&gt;
&lt;span style="background-color: white; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To shorten the code while using the CSS background properties, it is also possible to specify all the background properties in one single property.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&lt;span style="background-color: white; box-sizing: border-box; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;body 
{
 background: #336699 url( "example.jpg" ) no-repeat right top;
}&lt;/span&gt;&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;
&lt;/span&gt;&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/css-background.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6957061798683954352</guid><pubDate>Tue, 19 Jul 2016 12:27:00 +0000</pubDate><atom:updated>2016-07-19T05:27:09.376-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Measurement Units</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;html&gt;
&lt;head&gt;

&lt;style&gt;
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
td {
    padding: 5px;
    text-align: lift;
}

th {
    padding: 5px;
    text-align: center;
}

&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h4&gt;&lt;p font size="90"&gt; CSS supports different measurement units such as absolute units ( like inches, points, pixels etc) and relative units (like percentages, em etc.). These values will required when a designer need to specify the measurements in the CSS document like " font-size:15px " etc &lt;/p&gt;&lt;/h4&gt;

&lt;h2&gt; Below is the list of different measurement units used in CSS - &lt;/h2&gt;
&lt;table style="width: 100%;"&gt;

&lt;tr&gt;
    &lt;th style="width:10%"&gt;Unit&lt;/th&gt;
    &lt;th style="width:60%"&gt;Description&lt;/th&gt;
    &lt;th style="width:40%"&gt;Example&lt;/th&gt;
 &lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;%&lt;/td&gt;
    &lt;td&gt;Specifies measurement in percentage of another relative value.&lt;/td&gt;
    &lt;td&gt;p { line-height: 150%; }&lt;/td&gt;
 &lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;cm&lt;/td&gt;
    &lt;td&gt;Specifies measurement in centimeters&lt;/td&gt;
    &lt;td&gt;p { margin-bottom: 5cm; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;em&lt;/td&gt;
    &lt;td&gt;Specifies relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 10pt, each "em" unit would be 10pt; thus, 2em would be 20pt.&lt;/td&gt;
    &lt;td&gt;p { letter-spacing: 5em; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;ex&lt;/td&gt;
    &lt;td&gt;  Specifies a measurement relative to a font's x-height (determined by the height of the font's lowercase letter x.)&lt;/td&gt;
    &lt;td&gt;p { line-height: 3ex; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;in&lt;/td&gt;
    &lt;td&gt;Specifies a measurement in inches.&lt;/td&gt;
    &lt;td&gt;p { word-spacing: .12in; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;mm&lt;/td&gt;
    &lt;td&gt;Specifies a measurement in millimeters.&lt;/td&gt;
    &lt;td&gt;p { word-spacing: 10mm; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;pc &lt;/td&gt;
    &lt;td&gt;Specifies a measurement in picas (1 pica = 12 points)&lt;/td&gt;
    &lt;td&gt;p { font-size: 10pc; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;pt &lt;/td&gt;
    &lt;td&gt;Specifies a measurement in points (1 point = 1/72nd of an inch.)&lt;/td&gt;
    &lt;td&gt;p { font-size: 18pt; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;px &lt;/td&gt;
    &lt;td&gt;Specifies a measurement in screen pixels.&lt;/td&gt;
    &lt;td&gt;p { font-size: 15px; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;vh &lt;/td&gt;
    &lt;td&gt;1% of viewport height.&lt;/td&gt;
    &lt;td&gt;p { font-size: 3.0vh; }/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;vw &lt;/td&gt;
    &lt;td&gt;1% of viewport width&lt;/td&gt;
    &lt;td&gt;p { font-size: 5.9vw; }&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td col align="center"&gt;vmin&lt;/td&gt;
    &lt;td&gt;1vw or 1vh, whichever is smaller&lt;/td&gt;
    &lt;td&gt;p { font-size: 2vmin;}&lt;/td&gt;
&lt;/tr&gt;




&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;


&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/css-measurement-units.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-3720842418950330537</guid><pubDate>Mon, 18 Jul 2016 16:57:00 +0000</pubDate><atom:updated>2016-07-18T09:57:50.643-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Include</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;There are mainly 3 ways to insert CSS in any webpage -&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
External Style Sheet&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;When the same style need to be applied to many pages of a website then we prefer to use the external style sheet. Using of External style sheet allows to change the look of an entire website by changing this one file only. The &amp;lt; link &amp;gt; element is used in the &amp;lt; head &amp;gt; section of HTML document to include an external style sheet (separate text file with .css extension).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&amp;lt; head &amp;gt;
&amp;lt; link rel=" stylesheet " type = "text/css" href = "example.css" &amp;gt;
&amp;lt; /head &amp;gt;
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Inline style&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The style attribute is used to define any inline styles of any HTML element. The style attribute can contain any CSS property but applicable to that element only.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&amp;lt; p style = "color:blue;" &amp;gt; My first paragraph.&amp;lt; /p &amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Internal style sheet&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;To apply CSS mainly on a single or specific document having a unique style. The HTML element &amp;lt; style &amp;gt; is used in the &amp;lt; head &amp;gt; section of HTML document to define any internal style sheet.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;&amp;lt; head &amp;gt;
&amp;lt; style &amp;gt;
h1 
{
 color: blue;
 text-align: left;
} 
&amp;lt; /style &amp;gt;
&amp;lt; /head &amp;gt;
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Multiple Style Sheets&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;In any HTML document multiple style sheet can be used. If some properties have already been defined for the same selector in the different style sheets, the values will be inherited from the more specific style sheet.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;The following rule will define that what style will be used when there is more than one style specified for an HTML element -&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul style="text-align: left;"&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;
&lt;li&gt;Browser default (Lowest Priority)&lt;/li&gt;
&lt;li&gt;External style sheet&lt;/li&gt;
&lt;li&gt;Internal style sheet (in the head section)&lt;/li&gt;
&lt;li&gt;Inline style (Highest Prioprity)&lt;/li&gt;
&lt;/span&gt;&lt;/ul&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px; line-height: 20px;"&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;ul style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0.75em 0px; padding: 0px 1em;"&gt;

&lt;/ul&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/css-include.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-5202911322818970441</guid><pubDate>Mon, 18 Jul 2016 16:31:00 +0000</pubDate><atom:updated>2016-07-18T09:31:42.397-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS Programing</category><title>CSS Selectors</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;CSS selectors indicates the HTML element on which a style will be applied based on their id, class, type, attribute and more.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Selector Types&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;ul style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0.75em 0px; padding: 0px 1em;"&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Element Selectors -&amp;nbsp;&lt;/span&gt;are global in nature. They affect each and every element of that type.&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Class Selector -&amp;nbsp;&lt;/span&gt;working with HTML class attributes. A class attribute name can be anything can be used as many elements as possible.&lt;/li&gt;
&lt;li style="box-sizing: border-box; margin-bottom: 1em;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Descendent Selectors -&amp;nbsp;&lt;/span&gt;allows target an element based on where it's found. To do so, simply string the selectors together, separating them with whitespace. The parent selectors are added first, followed by each successive nested selector.&lt;/li&gt;
&lt;/ul&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Element Selector&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;Element selector select elements based on the element name like &amp;lt; h1 &amp;gt;, &amp;lt; table &amp;gt; etc.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;h1 { color: blue; }&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;The above statement will the change the color of all h1 elements color to blue in a webpage.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
id Selector&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;CSS allows to change the style using the id attribute of an HTML element.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;To select an element with a specific id, there is a need to use hash ( # ) character before the id name.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;#content-wrap 
{
 text-align: left;
 color: #333333;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;The above example will change the style of only HTML element which has content-wrap as the id attribute in a webpage.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
The class Selector&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;CSS allows to change the style using the specific class attribute of an HTML element.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;To select an element with a specific class, there is a need to use period ( . ) character before the class name.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;.left 
{
 text-align: left;
 color: #333333;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;The above example will change the style of only HTML element which has content-wrap as the class attribute in a webpage.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;It is also possible to specify the only specific HTML elements should be affected by a class. like below:&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1.left 
{
 text-align: left;
 color: blue;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;"&gt;
Grouping Selectors&lt;/h3&gt;
&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;In CSS it is possible to apply a style to many selectors if required. To do so, just separate the selectors with a comma.&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1 
{
 text-align: left;
 color: blue;
}

h2 
{
 text-align: left;
 color: blue;
}

h3 
{
 text-align: left;
 color: blue;
}
&lt;/pre&gt;
&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;"&gt;Instead of initializing the same style to different element as in above example, we can follow the below example -&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;br style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; line-height: 20px;" /&gt;&lt;span style="background-color: white; box-sizing: border-box; color: #2d4050; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; display: block; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 13px; line-height: 1.42857; margin: 0px 0px 10px; overflow: auto; padding: 9.5px; word-break: break-all; word-wrap: break-word;"&gt;h1, h2, h3 
{
 text-align: left;
 color: blue;
}&lt;/pre&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/07/css-selectors.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-7133056916121554238</guid><pubDate>Sun, 26 Jun 2016 08:05:00 +0000</pubDate><atom:updated>2016-06-26T01:23:05.209-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>HTML ifream</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 16px; line-height: 24px;"&gt;An iframe is used to display a web page within a web page.&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqfARCNmU7pytj-gJFUjqC-0i6Poj7G2gMohRfpyKyFY9Ra3zoRsSrY2UQx37xQxyqGvaU2mPpxlDJy72wZ6sKsyAKPgpIwQiP0PzRy2mKTgGNFohXZAuWcZqsTZrtGLouTKZDUXPeJr0/s1600/Screenshot_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqfARCNmU7pytj-gJFUjqC-0i6Poj7G2gMohRfpyKyFY9Ra3zoRsSrY2UQx37xQxyqGvaU2mPpxlDJy72wZ6sKsyAKPgpIwQiP0PzRy2mKTgGNFohXZAuWcZqsTZrtGLouTKZDUXPeJr0/s1600/Screenshot_1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px; text-align: center;"&gt;
&lt;span style="font-family: &amp;quot;times new roman&amp;quot;; font-size: small; line-height: normal;"&gt;---*---&lt;/span&gt;&lt;/h2&gt;
&lt;h2 style="box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
Iframe Syntax&lt;/h2&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;The syntax for adding an iframe is:&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;iframe&lt;span style="box-sizing: border-box; color: red;"&gt;&amp;nbsp;src&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;="&lt;em style="box-sizing: border-box;"&gt;URL&lt;/em&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/iframe&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;src&lt;/strong&gt;&amp;nbsp;attribute specifies the URL (web address) of the iframe page.&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
---*---&lt;/div&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
Iframe - Set Height and Width&lt;/h2&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
Use the&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;height&lt;/strong&gt;&amp;nbsp;and&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;width&lt;/strong&gt;&amp;nbsp;attributes to specify the size.&lt;/div&gt;
&lt;div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The attribute values are specified in pixels by default, but they can also be in percent (like "80%").&lt;/div&gt;
&lt;/div&gt;
&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 16px; line-height: 24px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;h3 style="box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
Example :-&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="background-color: cyan; line-height: 22.5px;"&gt;&amp;lt;iframe &lt;span style="color: red;"&gt;src&lt;/span&gt;="demo_iframe.htm" &lt;span style="color: red;"&gt;width&lt;/span&gt;="200" &lt;span style="color: red;"&gt;height&lt;/span&gt;="200"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;Output:-&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8d8BKMMeQGWUOVDEaHN48Wi1oxZt-aHFSxzXYtOzGtT0QDLUNVqvC5Gc2gocyZaVKosE_y9ASPoTEI7XTVpYAm1d9cikBSnEDBeE4KD4G5Sy0nT8tHBRF44gOT8rWadP18Z-Kpg_AxfYm/s1600/Screenshot_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8d8BKMMeQGWUOVDEaHN48Wi1oxZt-aHFSxzXYtOzGtT0QDLUNVqvC5Gc2gocyZaVKosE_y9ASPoTEI7XTVpYAm1d9cikBSnEDBeE4KD4G5Sy0nT8tHBRF44gOT8rWadP18Z-Kpg_AxfYm/s1600/Screenshot_2.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
---*---&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
Iframe - Remove the Border&lt;/h2&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
By default, an iframe has a black border around it.&lt;/div&gt;
&lt;div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
To remove the border, add the style attribute and use the CSS border property:&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-size: large; font-weight: normal;"&gt;Example :-&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;iframe src="demo_iframe.htm" style="border:none"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Output:-&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zN78QZX-FKLR3EIIHBooDGsSJyoIMkKDnttSwHBgZI_xPgLqgAqKRGk3NitmA3c7iNny6fTN8T52a4k5tZMpVa1Y3TZATtNNkSsejyfbhhS1xz5MOHoZlDML-GnFmr-IPkPITrtFFMQR/s1600/Screenshot_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zN78QZX-FKLR3EIIHBooDGsSJyoIMkKDnttSwHBgZI_xPgLqgAqKRGk3NitmA3c7iNny6fTN8T52a4k5tZMpVa1Y3TZATtNNkSsejyfbhhS1xz5MOHoZlDML-GnFmr-IPkPITrtFFMQR/s1600/Screenshot_4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 16px; line-height: 24px;"&gt;&lt;/span&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;With CSS, you can also change the size, style and color of the iframe's border:&lt;/span&gt;&lt;/div&gt;
&lt;h3 style="box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
Example :-&lt;/h3&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;iframe src="demo_iframe.htm" style="border:5px dotted red"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;Output:- &amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFg2wBptWJm7B1kNNO8G_Yu0KuX-NJc23XaESD_1oPxDofBMlmp-gs1EU4zXssZcHdKFWXwiiZ7UgIGwoucHgXNQgBqug5-wIvRonmAVvFbC5Jc_9SQ2M9aLijlFgkLUwdf8SSKgTV_HNj/s1600/Screenshot_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFg2wBptWJm7B1kNNO8G_Yu0KuX-NJc23XaESD_1oPxDofBMlmp-gs1EU4zXssZcHdKFWXwiiZ7UgIGwoucHgXNQgBqug5-wIvRonmAVvFbC5Jc_9SQ2M9aLijlFgkLUwdf8SSKgTV_HNj/s320/Screenshot_5.jpg" width="320" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: &amp;quot;times new roman&amp;quot;; font-size: small; line-height: normal;"&gt;---*---&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
Use iframe as a Target for a Link&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
An iframe can be used as the target frame for a link.&lt;/div&gt;
&lt;div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;target&lt;/strong&gt;&amp;nbsp;attribute of the link must refer to the&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;name&lt;/strong&gt;&amp;nbsp;attribute of the iframe:&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 16px; line-height: 24px;"&gt;&lt;/span&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;h3 style="box-sizing: border-box; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
Example:-&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;iframe width="100%" height="300px" src="demo_iframe.htm" name="iframe_a"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;p&amp;gt;&amp;lt;a href="http://www.w3schools.com" target="iframe_a"&amp;gt;W3Schools.com&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;p&amp;gt;When the target of a link matches the name of an iframe, the link will open in the iframe.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;i&gt;&lt;span style="color: red;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;Note:-&amp;nbsp;&lt;/span&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;When the target of a link matches the name of an iframe, the link will open in the iframe.&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;span style="font-family: &amp;quot;times new roman&amp;quot;; font-size: small; line-height: normal;"&gt;---*---&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/06/html-ifream.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqfARCNmU7pytj-gJFUjqC-0i6Poj7G2gMohRfpyKyFY9Ra3zoRsSrY2UQx37xQxyqGvaU2mPpxlDJy72wZ6sKsyAKPgpIwQiP0PzRy2mKTgGNFohXZAuWcZqsTZrtGLouTKZDUXPeJr0/s72-c/Screenshot_1.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-3755521434438379991</guid><pubDate>Thu, 09 Jun 2016 15:17:00 +0000</pubDate><atom:updated>2016-06-09T09:26:00.651-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>HTML Basic Examples</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Documents&lt;/h2&gt;
&lt;div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;/div&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;All HTML documents must start with a type declaration:&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;The HTML document itself begins with&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;html&amp;gt;&lt;/strong&gt;&amp;nbsp;and ends with&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;/html&amp;gt;&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;The visible part of the HTML document is between&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;body&amp;gt;&lt;/strong&gt;&amp;nbsp;and&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;/body&amp;gt;&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;h3 style="box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
Example&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;!DOCTYPE&lt;span style="box-sizing: border-box; color: red;"&gt;&amp;nbsp;html&lt;/span&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;html&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;body&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;h1&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;My First Heading&lt;/span&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/h1&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;p&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;My first paragraph.&lt;/span&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/p&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/body&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br style="box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;" /&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/html&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="box-sizing: border-box; color: brown; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="box-sizing: border-box; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; line-height: 22.4px;"&gt;&lt;span style="box-sizing: border-box; font-weight: normal;"&gt;&lt;span style="font-size: large;"&gt;Output:-&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="background-color: white; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: large; font-weight: normal; line-height: 22.4px;"&gt;_____________________&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h1&gt;
My First Heading&lt;/h1&gt;
My first paragraph.&lt;br /&gt;
----------------------------------------------------&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Headings&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
HTML headings are defined with the&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;h1&amp;gt;&lt;/strong&gt;&amp;nbsp;to&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;h6&amp;gt;&lt;/strong&gt;&amp;nbsp;tags:&lt;/div&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; line-height: 22.5px; text-align: left;"&gt;
&lt;span style="font-size: large; font-weight: normal;"&gt;Example&lt;/span&gt;&lt;/h3&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h1&amp;gt;This is heading 1&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;This is heading 2&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;This is heading 3&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;h4&amp;gt;This is heading 4&amp;lt;/h4&amp;gt;&lt;br /&gt;
&amp;lt;h5&amp;gt;This is heading 5&amp;lt;/h5&amp;gt;&lt;br /&gt;
&amp;lt;h6&amp;gt;This is heading 6&amp;lt;/h6&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-size: large;"&gt;Output:-&lt;/span&gt;&lt;br /&gt;
________________________________________&lt;br /&gt;
&lt;h1&gt;
This is heading 1&lt;/h1&gt;
&lt;h2&gt;
This is heading 2&lt;/h2&gt;
&lt;h3&gt;
This is heading 3&lt;/h3&gt;
&lt;h4&gt;
This is heading 4&lt;/h4&gt;
&lt;h5&gt;
This is heading 5&lt;/h5&gt;
&lt;h6&gt;
This is heading 6&lt;/h6&gt;
-----------------------------------------------------------------&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Paragraphs&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; line-height: 22.5px; text-align: left;"&gt;
&lt;span style="font-size: 15px;"&gt;HTML paragraphs are defined with the&amp;nbsp;&lt;/span&gt;&lt;strong style="box-sizing: border-box; font-size: 15px;"&gt;&amp;lt;p&amp;gt;&lt;/strong&gt;&lt;span style="font-size: 15px;"&gt;&amp;nbsp;tag:&lt;/span&gt;&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; line-height: 22.5px; text-align: left;"&gt;
&lt;span style="font-size: large;"&gt;Example:-&lt;/span&gt;&lt;/h3&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-size: large;"&gt;Output:-&lt;/span&gt;&lt;br /&gt;
__________________________________&lt;br /&gt;
&lt;br /&gt;
This is a paragraph.&lt;br /&gt;
This is a paragraph.&lt;br /&gt;
This is a paragraph.&lt;br /&gt;
__________________________________&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Links&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
HTML links are defined with the&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;&amp;lt;a&amp;gt;&lt;/strong&gt;&amp;nbsp;tag:&lt;/div&gt;
&lt;br /&gt;
&lt;span style="font-size: large;"&gt;Example:-&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;a href="http://seopedias.blogspot.com/"&amp;gt;This is a link&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style="font-size: large;"&gt;Output:-&lt;/span&gt;&lt;br /&gt;
___________________________________&lt;br /&gt;
&lt;a href="http://seopedias.blogspot.com/" target="_blank"&gt;This is a link&lt;/a&gt;&lt;br /&gt;
___________________________________&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/06/html-basic-examples.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-4412516439767426137</guid><pubDate>Tue, 07 Jun 2016 11:26:00 +0000</pubDate><atom:updated>2016-06-07T10:07:26.813-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Programing (HTML)</category><title>What is HTML?  Introduction of HTML</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;i&gt;
What is HTML?&lt;/i&gt;&lt;/h2&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdcFc5Uis5aorGNnFxT1-6oVNMu_rbHKrFMGYuBAvFcY_ubzJHRc7W5_wxt13Ttq1QICllfrsks3v3lHcAl06eNyNhjGrhnyl5Ca2sGZoVQfJiteg7bnh-WpeyUe10_4L5YeW_qCCeK53/s1600/Screenshot_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="Screenshot_5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdcFc5Uis5aorGNnFxT1-6oVNMu_rbHKrFMGYuBAvFcY_ubzJHRc7W5_wxt13Ttq1QICllfrsks3v3lHcAl06eNyNhjGrhnyl5Ca2sGZoVQfJiteg7bnh-WpeyUe10_4L5YeW_qCCeK53/s1600/Screenshot_5.jpg" title="Screenshot_5" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: verdana, sans-serif; font-size: 15px; line-height: 22.5px; text-align: left;"&gt;
HTML is a&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;markup&lt;/strong&gt;&amp;nbsp;language for&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;describing&lt;/strong&gt;&amp;nbsp;web documents (web pages).&lt;/div&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;HTML stands for Hyper Text Markup Language&amp;nbsp;&lt;/li&gt;
&lt;li&gt;A markup language is a set of markup tags&amp;nbsp;&lt;/li&gt;
&lt;li&gt;HTML documents are described by HTML tags&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Each HTML tag describes different document content&lt;/li&gt;
&lt;/ol&gt;
&lt;ul style="text-align: left;"&gt;
&lt;/ul&gt;
&lt;div style="text-align: left;"&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
HTML Example&lt;/h3&gt;
&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;h3 style="box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
A small HTML document:&lt;/h3&gt;
&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYToA-IFhNUX8D2rlED6vCVFdJ4JteY_QaTj7-vAwXOeX5S9LU0uvxgi0upQJ-Hu45EwO_KBI_fV40E26zayhFyKT1CFX8WqLiXvf4LzuZI1CxpoySXOCFVMhP0kfpeAb8JV0eJp1dK0eS/s1600/Screenshot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYToA-IFhNUX8D2rlED6vCVFdJ4JteY_QaTj7-vAwXOeX5S9LU0uvxgi0upQJ-Hu45EwO_KBI_fV40E26zayhFyKT1CFX8WqLiXvf4LzuZI1CxpoySXOCFVMhP0kfpeAb8JV0eJp1dK0eS/s400/Screenshot.jpg" width="395" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
&lt;/h2&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
Example Explained&lt;/h2&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;The DOCTYPE declaration defines the document type to be HTML&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;html&amp;gt; and &amp;lt;/html&amp;gt; describes an HTML document&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;head&amp;gt; and &amp;lt;/head&amp;gt; provides information about the document&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;title&amp;gt; and &amp;lt;/title&amp;gt; provides a title for the document&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;body&amp;gt; and &amp;lt;/body&amp;gt; describes the visible page content&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;h1&amp;gt; and &amp;lt;/h1&amp;gt; describes a heading&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The text between &amp;lt;p&amp;gt; and &amp;lt;/p&amp;gt; describes a paragraph&lt;/li&gt;
&lt;/ol&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
Using this description, a web browser can display a document with a heading and a paragraph.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;segoe ui&amp;quot; , &amp;quot;arial&amp;quot; , sans-serif; font-size: 30px;"&gt;HTML Tags&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
HTML tags are&amp;nbsp;&lt;strong style="box-sizing: border-box;"&gt;keywords&lt;/strong&gt;&amp;nbsp;(tag names) surrounded by&amp;nbsp;&lt;b style="box-sizing: border-box;"&gt;angle brackets&lt;/b&gt;:&lt;/div&gt;
&lt;div class="htmlHigh" style="background-color: white; box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 20px; margin-bottom: 10px; padding: 10px; word-wrap: break-word;"&gt;
&lt;span style="box-sizing: border-box; color: brown;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;tagname&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;content&lt;span style="box-sizing: border-box; color: brown;"&gt;&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;lt;&lt;/span&gt;/tagname&lt;span style="box-sizing: border-box; color: mediumblue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;HTML tags normally come in pairs like &amp;lt;p&amp;gt; and &amp;lt;/p&amp;gt;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The first tag in a pair is the start tag, the second tag is the end tag&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The end tag is written like the start tag, but with a slash before the tag name&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;verdana&amp;quot; , sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 22.5px;"&gt;&lt;b&gt;&lt;u style="font-style: italic;"&gt;Note&lt;/u&gt; :-&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;i&gt;&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 15px; line-height: 22.5px;"&gt;The start tag is often called the&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;opening tag&lt;/b&gt;&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 15px; line-height: 22.5px;"&gt;. The end tag is often called &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; the&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;closing tag&lt;/b&gt;&lt;span style="background-color: white; font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 15px; line-height: 22.5px;"&gt;.&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
Web Browsers&lt;/h3&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The browser does not display the HTML tags, but uses them to determine how to display the document:&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2MhT0JWs0bnCxa7_qJX1u7_Z4j3TF-3hZp1lN-jXttqueku7orMzxUXNNjAh5vvf2fSi0Ew9jI3x041rfz_jbLy-39qVn3ztCbbFgBDIY0uX0Q26DwVRQN2KRsgT4luoTYQjk2Zvah7Y/s1600/Screenshot_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2MhT0JWs0bnCxa7_qJX1u7_Z4j3TF-3hZp1lN-jXttqueku7orMzxUXNNjAh5vvf2fSi0Ew9jI3x041rfz_jbLy-39qVn3ztCbbFgBDIY0uX0Q26DwVRQN2KRsgT4luoTYQjk2Zvah7Y/s1600/Screenshot_1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Page Structure&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
Below is a visualization of an HTML page structure:&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJDmH6CwphKSLSdLiu6yfROn3wkb7Sw70oIr4ksfftD4-bTzkzlENje8lQrQTM8zdC1dbFQ8YuJClIqWeLiwouYppOeXbcG-4U5ZkD2VZSr0FXQ1pau0lxYLkofv2X2RFQGeVEevmIcum/s1600/Screenshot_2.jpg" imageanchor="1" style="clear: left; float: left; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: bold; line-height: normal; margin-bottom: 1em; margin-left: 1em; text-align: center;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJDmH6CwphKSLSdLiu6yfROn3wkb7Sw70oIr4ksfftD4-bTzkzlENje8lQrQTM8zdC1dbFQ8YuJClIqWeLiwouYppOeXbcG-4U5ZkD2VZSr0FXQ1pau0lxYLkofv2X2RFQGeVEevmIcum/s1600/Screenshot_2.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;b&gt;&lt;i&gt;Note :-&amp;nbsp;&lt;/i&gt;&lt;/b&gt;&lt;i&gt;&lt;b&gt;Only the &amp;lt;body&amp;gt; area (the white area) is displayed by the browser.&lt;/b&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;i&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/i&gt;&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
The &amp;lt;!DOCTYPE&amp;gt; Declaration&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The &amp;lt;!DOCTYPE&amp;gt; declaration helps the browser to display a web page correctly.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
There are different document types on the web.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
To display a document correctly, the browser must know both type and version.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
The doctype declaration is not case sensitive. All cases are acceptable:&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjlKdMK1XboSBDeupKywZ-c6badCjBlTXPt5Xdh7UeYilPGlgWvd5fShfboNtOyWQVBe4VNcCYXdJHXzot8DRhdCJDmODFVgF5lVFEjOKTIsKAp8aulWrafc1HpYvXFJkqisdFiLrm-kF/s1600/Screenshot_3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="381" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjlKdMK1XboSBDeupKywZ-c6badCjBlTXPt5Xdh7UeYilPGlgWvd5fShfboNtOyWQVBe4VNcCYXdJHXzot8DRhdCJDmODFVgF5lVFEjOKTIsKAp8aulWrafc1HpYvXFJkqisdFiLrm-kF/s640/Screenshot_3.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
Common Declarations&lt;/h3&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
HTML5&lt;/h3&gt;
&lt;div&gt;
&lt;span style="background-color: white; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
HTML 4.01&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="background-color: white; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&amp;lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
XHTML 1.0&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="background-color: white; font-family: &amp;quot;consolas&amp;quot; , &amp;quot;courier new&amp;quot;; font-size: 16px; line-height: 22.4px;"&gt;&amp;lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; margin: 10px 0px; text-align: left;"&gt;
HTML Versions&lt;/h3&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
Since the early days of the web, there have been many versions of HTML:&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWOoxxawIPUULUAILhET5TqzaOiHJznChpUbNmpUcThPc5Opq5yLej6odvgMaO4JWGUacVQ3xs5rH3blz4NPntDEGXxNqgbErB8T1DMbSO0scYH4h3dqUlrRY-ntBGLP80XoUyIvc_Fux/s1600/Screenshot_4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWOoxxawIPUULUAILhET5TqzaOiHJznChpUbNmpUcThPc5Opq5yLej6odvgMaO4JWGUacVQ3xs5rH3blz4NPntDEGXxNqgbErB8T1DMbSO0scYH4h3dqUlrRY-ntBGLP80XoUyIvc_Fux/s1600/Screenshot_4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/06/what-is-html-introduction-oh-html.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdcFc5Uis5aorGNnFxT1-6oVNMu_rbHKrFMGYuBAvFcY_ubzJHRc7W5_wxt13Ttq1QICllfrsks3v3lHcAl06eNyNhjGrhnyl5Ca2sGZoVQfJiteg7bnh-WpeyUe10_4L5YeW_qCCeK53/s72-c/Screenshot_5.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-2618428253109870696</guid><pubDate>Mon, 09 May 2016 06:09:00 +0000</pubDate><atom:updated>2016-05-16T23:17:51.936-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Digital Marketing</category><title>Google SEO Marketing : 81 Great Tips and Ideas Proven to Kick-Start Your Google Marketing</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCDKQ1WWNwq2KZmWuxgazo7MQV8EizH4zGmypQx1mquZcS3iN87lZsA-Uj9hZVHuzMHWCXP1lqiNrwxl7xO_BjKZHafIqOkUn3UPRAz9jBOq0K7pAfR-8QFjfjjeKQ7pBz9dSQcM9WmFD/s1600/google-seo.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="http://seopedias.blogspot.com/" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCDKQ1WWNwq2KZmWuxgazo7MQV8EizH4zGmypQx1mquZcS3iN87lZsA-Uj9hZVHuzMHWCXP1lqiNrwxl7xO_BjKZHafIqOkUn3UPRAz9jBOq0K7pAfR-8QFjfjjeKQ7pBz9dSQcM9WmFD/s640/google-seo.jpeg" title="google-seo-marketing" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
If you have the right direction, you'll know what methods to use and how to apply them. This way, you'll be able to optimize your site for the search engines and increase your visitors at the same time. Continue reading this article for useful suggestions on Google SEO.&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
1. You need to know what kind of options you have to get links to your site. These can be press releases, message boards, blogs, and article writings. Strong outbound links are one of the most important aspects of search engine optimization.&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
2. Plan your pages to keep viewers there longer once they visit. This will raise your PageRank faster than if you just increase traffic to your website. Increasingly, evidence shows that the time a viewer spends looking at a website (per Quantcast scores and other measures) increases the page ranking. This trend has been established through metrics like Quantcast scores. A forum, for instance, is a good way to keep people on your site longer.&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
3. Present yourself as an experienced veteran of your field. This tactic can really bring in the cash. Build a niche website that targets clientele interested in your specialty, then use SEO best practices to lead them to it. In doing so, make sure your website is centered on the actual needs of this target audience, not just on your perception of their needs.&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
4. One way to use SEO is to create a blog on your website; you might also use your site to interact with other bloggers to improve your ranking. Blogs rank well because the search engines like structured data and fresh content. If you want a high ranking with the search engines then backlinks are an important part of this.&lt;/div&gt;
&lt;div 0px="" 10px="" style="background-color: white; color: #333333; float: right; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
5. If you are wanting to make the most of search engine optimization, then you need a site map describing your website. Site maps make it significantly easier for search engine crawlers and spiders to access every webpage on your website. The larger the site, the more maps it needs. As a guideline, try to stay under 100 links for each map.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
6. One of the latest ways of getting information out is through podcasts. Podcasts can be both video and audio, and they are often streamed live with relevant information for their audience. This popular approach requires little more than locating and operating an audio recorder or webcam. Search engines can pull up your podcasts based on descriptions of them.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
7. Using free local listings to promote your business, as it is a great way to get your name out there. These things give you publicity that is free, which can help get you more visibility and visitors. Any way to get more publicity without spending money is a must.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
8. Use off-site linking to reputable, quality content whenever possible, to give your SEO the best boost. This is by far an extremely vital part of linking. When you have relevant external links, search engines value them more than internal links that connect different areas of your site. Look for linking options with a corresponding link directed back to your own site. This improves your search ranking even more.&lt;/div&gt;
&lt;div 0px="" 10px="" style="float: right;"&gt;
&lt;/div&gt;
&lt;div align="left"&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
9. In order to generate more hits from search engines, try using longer or plural form of your keywords. Keyword stemming is a popular technique of some search engines. For example, using "accountant" as your keyword may not result in hits from people who search for "accounting" or "accountants." Use keyword stemming by using a longer version of a word, such as "accounting" to get results for "accountant."&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
10. Take the time to consider what keywords would be associated with your content, and use these keywords throughout your website. These keywords should be in the titles and all over the content, but you need to avoid overusing these keywords because this can cause your site to be labeled as spam by the search engines. This is why you have to find a balance.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
11. Used domain names may already have a reputation you can trade on. Older domain names have more weight with search engines. Look for older domain names that were recently dropped, and see if they might work for your website.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
12. Search engines can be used to increase the number of visitors to your website. If you make your website easily accessible to search engine spiders, you will get more favorable results. You must add text to all of your images, so that search engine spiders will be able to see them. You should write descriptions that word specific and targeted.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
13. When you are trying to optimize your website for the search engines, having a lot of keyword density is very important. To keep out of trouble, at least 80 percent of your page content should not be keywords.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
14. Present yourself as an experienced veteran of your field. This tactic can really bring in the cash. Build a niche website that targets clientele interested in your specialty, then use SEO best practices to lead them to it. In doing so, make sure your website is centered on the actual needs of this target audience, not just on your perception of their needs.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
15. Patience is the name of the SEO game. You are not going to realize a major change in your traffic overnight. If the creation date of your site is not very long ago, it may take a few months to build your SEO. As in a business you would run on offline, your reputation will take time to build.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
16. Choose a domain name for your site that people can readily recall and also gives a clear indication of what you are offering. This is very useful for the people who discover you through YouTube because it is easy to remember.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
17. When designing your website, it's important to know that spiders cannot read dynamic language or session ID names. Be sure to create a unique name for the URL of every page. Even more preferable, use a keyword and make sure it flows well.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
18. Using product feeds can help draw traffic and business to your site. These feeds contain details about the services and products that you offer, like prices and item descriptions. Send these to search engines, as well as sites that compare prices. Customers can use a feed reader to subscribe to them directly, too.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
19. When fine-tuning your site's search engine optimization, use efficiently-worded meta tag descriptions that will attract the right viewers. Limit the tag to 30 words or fewer. Limit the size of this page to 100 KB or less.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
20. Always try and generate new content as often as you can. Give yourself writing deadlines and goals and don't break them. Websites with new content will be more attractive to the web crawlers than those with older updates. If you want your website to have a high page rank, you must have a constant flow of new content.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
21. It can be tempting to try to utilize every SEO trick out there for your site, but it can backfire on you. You only have so much time to devote to learning SEO, so make the best use of those hours by focusing on one part of the SEO puzzle at a time.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
22. One of your main goals when trying to reach a high search engine ranking should be improving the quality of your content. If you simply provide the same information that visitors can find on many other websites, there is no real incentive for them to come to your website. You are going to have repeat readers if you engage them with original and well written content.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
23. Join as many prominent organizations as you can when you are working to optimize your search engine ranking. By joining these listings, your articles will be brought up more often. Plus, you get the added benefit of people trusting your company if you have a good rating on the Better Business Bureau website.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
24. When working on SEO, try using social media sites. Some sites, like Facebook and Twitter, allow direct interaction with customers and potential customers. Other sites, like YouTube, are great ways to showcase products.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
25. If you use a shared server, make sure you are not sharing your proxy with a site that has been banned by any of the major search engines. Sharing a server with a bad website will lower your rating, and negatively affect your traffic.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
26. Use one keyword phrase to optimize one page. Overdoing the number of keywords on your page will make your content difficult to read and the search engines will get confused. If you concentrate on one thing, you will have better information, and your readers will want to return. Though search results are important, having visitors who return frequently is even more important.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
27. All inbound and internal links should use a keyword phrase as anchor text. If you do this, search engines will realize that your links correspond to different keywords. They will increase your site ranking as a result. You should make sure that your site includes internal links that use keyword links.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
28. The higher the ranking you want to achieve, the more content that you need to provide. Make sure your topic range is broad, but still relevant to your product or service. If your blog centers around baseball, you can include articles on baseball players, baseball cards and baseball equipment. By creating a great deal of content, you increase the likelihood that your readers will locate your site.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
29. To truly improve your ranking, your title needs to be related to your keyword. Link all of the pages on your site together by putting the same title tag on every page. If you have a company name, put it at the end of the title link in order to connect them all together. If you have a name that is recognizable they will search for it.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
30. When selecting your domain name you need to ensure that it includes your main keywords or phrase. The easier your website is to find through search engines, the better your traffic will be. Keep in mind that not everyone visiting your site will have followed an ad. Many will arrive because they were searching for products your site contains.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
31. Remain patient when attempting to boost your site's SEO value, remember that it's not going to all happen overnight. Better rankings and increased traffic will not occur quickly. Do not be surprised if it takes several months for noticeable changes to occur if you are starting with a fairly new site. It takes time for an online business to establish a name, just like traditional businesses.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
32. Keep in mind that spiders cannot identify obscure URL names, so be mindful of this when you create new pages. Make each URL simple and directly related to the topic of each page, for both the search engine and your potential visitors.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
33. Use a properly descriptive title tag to make sure that search engines can best understand the content of your web page. When writing tags, keep in mind that the majority of search engines only show up to 60 characters of content. Additionally, they give words appearing after the 60 character limit less weight.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
34. Orienting your business to search engine optimization allows you to achieve higher rankings and more web traffic. This fact gets overlooked by more than a few companies.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
35. Think about what a person might enter into a search engine to find a site like yours, and make sure those phrases appear multiple times in your site's content. Include your keywords in the titles of your pages and throughout your content, but don't overuse them. Stuffing your pages full of keywords will cause the search engines to lower your search ranking.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
36. Try basing your articles on keywords to help improve SEO of your articles. This assists search engines in finding the keywords and improves your search engine rankings. Therefore, it's easier for readers who may be trying to locate your articles. Place a keyword in the title, in the summary, and include it in the body about four to five times.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
37. Delineating your niche carefully helps produce optimal outcomes. To help your site climb in the ranks, you should try back linking to it from other articles. There are several web pages, like hub pages, that will enable you to do this.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
38. Remember to track all of your results, especially your standings with search engines. Your SEO needs to be monitored so that you can see how you're doing. There are programs to monitor your rankings. Two of them are Alexa and the Google toolbar.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
39. Based upon your resources, you may be able to fully optimize your site for only one or two of the major search engines. Using keywords in your structure and content will increase your ranking on search engines other than Google or Yahoo!, Ask. com and Bing have their own sorts of nuances.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
40. You will want to put a lot of knowledge on your website but stick with your niche. In other words, provide relative content from different aspects of your niche. If your topic is nutrition, provide articles on healthy recipes, wellness tips, vitamins and supplements, and more. By keeping your content diverse, you will attract the largest possible audience.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
41. Get a domain name that's both memorable and relevant to your services or products. Memorable domain names that are easy to pronounce are advantageous for Internet users who locate your content through YouTube.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
42. Using a robots.txt file in your root directory can help you to tuck away content might hurt your search engine ranking. txt file, which must be added to the root directory. This will keep search engines from gaining access to the files you choose not to display.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
43. Look for a quality education site or non-profit organization, and ask if they will link with your content. Search engines like to see these credible relationships. Give your website the kind of quality content that will make websites deemed reliable sources by search engines feature links to you. Add content that these type of organizations find worthy and useful.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
44. After deciding on your keywords, be sure to place them in the title of your web page. Your title is your websites first handshake with search engines, so make it friendly and relevant. Your website will match up with users' search terms better, and your traffic will soon increase.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
45. Blogging on your own website will lead traffic to you, rather than another site. Then, more visitors will visit your website.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
46. Research keywords before you begin. When you are building your website, you need to be aware of what keywords to focus on. You should research what people are looking for when looking for products in your market and select your keywords from what are being used to search. You should highlight these keywords so you can become higher in rankings.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
47. Groom your site for easy readability. If you want to improve your search engine ranking, make sure you site is neatly designed and accessible for a variety of users. Make sure that both search engines and human readers can find what they're looking for.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
48. Use language meta tags if your site is not in English. Doing so will improve your site rankings for queries in a different language.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
49. Link directories can help to increase linkbacks, but only if you enlist the services of legitimate, respected sites that use high-quality links. Don't affiliate yourself with directories that have outdated information or poorly designed websites. Be very cautious about who you align yourself with.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
50. You should have some web analytics running as you begin your SEO program. Analytics software is an important investment that allows you to see which of your tactics are working well and which are failing.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
51. The most important thing that you can do for your site is to make sure that you always keep the content on the site fresh and unique. Many people do not want to read old stuff and outdated material will drive away traffic.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
52. Add some surveys and games to your website to help you identify your target audience. People enjoy taking surveys which show what style or fashion is best for them. The surveys should ask the visitors product preferences and buying styles. You will learn a lot about your customers while they have a little bit of fun.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
53. Add meta descriptions to each page on your site to improve your search engine placement. Description tags are useful, as they provide textual data about your site in the search engine results. Make sure the meta tags have valuable and concise content. A good meta description can increase your visit count even if your position in the search engines hasn't moved at all.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
54. Find a certain niche and make yourself a guru. This is a profitable way to market your sites. Build a niche website that targets clientele interested in your specialty, then use SEO best practices to lead them to it. Keep your customers needs in mind and meet them; don't make assumptions about what they want.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
55. Search engines are more likely to correctly grasp the content in your website if you use descriptive title tags appropriately. Avoid using over 60 characters since most search engines cannot read past that. This also holds true for keywords appearing at the end of longer tags.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
56. Optimizing your SEO will optimize your business. Many businesses seem unaware of this symbiotic relationship.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
57. Purchasing a domain name that has some history behind it will automatically get you a higher search engine ranking. Older domain names are given more recognition than newer ones with search engines. There are lists of domain names that have been dropped and are available for you to use. Some people choose these names as a means of piggybacking the time in existence for the prior user of the domain name for their business. This can be an effective tool for increasing your ranking on some search engines if you choose a domain name that is right for your business.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
58. Search engines can be quite useful in increasing the amount of visitors to your website. If you make your site easy to find through search engine spiders, it will help you be found. Make sure you tag the images on your site, because spiders are only able to read text. Make your descriptions keyword-rich.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
59. Before committing to an outside SEO company for promoting your site, get a feel for what they do before you make a commitment. Ask questions such as how long have they been business, what do they do in order to drive more traffic to your site, what should my expectations be and what is the price. Don't be afraid to ask for a portfolio or examples of their work in action. Speaking to their current or former clients is an exacting method to see how effective the company is. A great company will allow this to happen.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
60. If you fraudulently make your site get a high return ranking, search engines will manually lower your site's ranking. Major search engines will ban companies without a second thought for egregious offenses! With that advice, use an ethical guideline as you develop the search engine optimization for your website!&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
61. Consider all of the techniques which will help get links to your site, such as blogs, press releases, directory submissions, and article writing. Creating solid incoming links to your site is one of several imperative SEO tasks.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
62. Create original content frequently, and publish it to your site. Set a weekly goal for yourself, and make sure to stick to it. If you are constantly updating your site with new content, it will be looked upon favorably by search engines. Higher page rankings are awarded to sites with frequent new content.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
63. It's a bad idea to use one, isolated page to collect all of your links to other websites. Instead, try to include links as a natural part of your content. Pages filled with only links are boring and search engines don't rank them highly. Pages created with attention given to the formatting, and with the inclusion of text, will make the page look more professional and will give search engines context for better ranking.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
64. Use plural or longer variations of keywords to increase the opportunity for your site to pop up on search engines. Keyword stemming is used by many search engines. For example, if your keyword is "accountant," searches for "accountants" or "accounting" may not lead users to your site. The longer the form of keyword you use, the more likely that it will be returned in search results for similar words. For example, using "accounting" as a keyword will mean that keyword stemming will add your site to the search results shown for the keyword "accountant".&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
65. If you are a beginner in the SEO game, you might want to hire a company to help you out. This will help you market your site effectively and increase your search engine rankings substantially. There are a number of companies that offer this service at a reasonable price.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
66. Be sure to include full transcripts for any visual or audio content that you have on your site. If you include audio and video transcripts on your site, search engines will be able to include that content to determine search rankings.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
67. As with any other business, a SEO company must be a right match for you prior to committing to their services. Find out what they know about the industry you are in and what they do for customers. You will want to know the cost and how long until you see results. In addition, ask if you can view a portfolio of some of their completed projects, and request contact information for references. The company will work with you if they are reasonable.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
68. To make it easy for people to read about new product offerings and bring them to your website, publish descriptive blog entries that can be subscribed to by readers via an RSS feed. Images, prices, services, and products available can be included in feeds. Big search engines and comparison shopping sites are good places to put your feeds. It will also be possible for consumers to receive the feed directly, through a reader.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
69. Joining local groups such as the Chamber of Commerce can not only give your business more credibility, but it can also boost your rankings in the search engines. These organizations link to their member businesses, so you can get more local visitors. Having a positive rating through the renowned Better Business Bureau can boost consumer trust in your business.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
70. Comment on relevant blogs to get links to your site. Most blog owners allow you to include a link if you reciprocate and leave relevant and substantial comments. You should make sure you leave links that are on relevant sites and not places where your links don't apply because you want to add something to a site, not throw people off. As long as you're familiar with the subject under discussion, it's not difficult to find many blogs where you will be able to contribute meaningful comments and include a link to your site.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
71. Many website owners forget to proofread their content. Take the time to look over your website and make sure that everything is legible and correct for your readers, and for the search engines. If you have misspelled keywords or a lot of grammar errors, you will most likely not be included in search engine results.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
72. To make it easy for people to read about new product offerings and bring them to your website, publish descriptive blog entries that can be subscribed to by readers via an RSS feed. These feeds contain details about the services and products that you offer, like prices and item descriptions. A consumer site that lists good deals, or listing with a search engine can provide this help to your site. Add an RSS feed icon on your site or blog, and suggest to readers that they should subscribe to your site's feed for all of the latest updates.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
73. Make sure to configure your hosting company's server so that it's case-sensitive for URLS. Otherwise, search engine spiders might end up reading the capital and lowercase versions of your site as different pages, reducing the quality of your inbound links.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
74. Coding is an important aspect to consider when you are using SEO. If your site has a lot of messy JavaScript codes holding it together, search bots won't be able to classify it and your ranking will suffer heavily. If you have Flash content without coding, they will not index it at all.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
75. Placing your keywords strategically in the context on your site will help increase the traffic the search engines bring your way. The best place to put your main keywords is in the first visible content on your site. Make sure not to overdo it by stuffing too many keywords into a short amount of text, though. It is generally accepted that placing the keyword twice in the first paragraph is best. After the first paragraph, integrate the keyword as much as possible throughout the following 200 words; the key is to find a way to use the keyword as often as you can, without it becoming noticeable or redundant.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
76. Product feeds are an excellent way to generate more site traffic, which will help you build a larger base of customers. These feeds contain details about the services and products that you offer, like prices and item descriptions. Submit them to major search engines and shopping comparison sites. By using a feed reader, your customers can receive each feed as it arrives.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
77. To improve your search engine rankings, don't just add keywords to your site. Also add alternative forms of that keyword, including misspellings, in the meta tags of each page on your site. This meta-tag data will be read by search engines and as a result, your website to appear in a larger array of search results. As an example, if "traveling" is your keyword, include "traveling" in addition to the European spelling of "travelling."&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
78. Make sure that any link directories you use for your site contain high quality, real websites. There are directories out there that contain many websites that are either outdated or have are very poorly designed. Screen any potential web directories carefully before submitting your site.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
79. Changing from AP to SEO style can really optimize your search engine results. In this way, you should utilize keywords often while not making your writing choppy or nonsensical. As search engines work partly by locating keywords and evaluating their density, this should improve your search engine rankings.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
80. Your website should always be easy on the eye for comprehension and simplicity to read. If you want a higher rank you need to make your content easy to use and understandable. Include user functions such as the ability to make the text bigger. When you work on search engine optimization, you must also consider optimizing for the reader's experience, as well.&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
81. "Alt" tags are crucial when adding image links to your site. If the image display is disabled, these tags replace the images. The point here is that the search engines pay attention to alt tags, so if you have keywords sprinkled into your alt tags, search engines will take them into account.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/05/google-seo-marketing-81-great-tips-and.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCDKQ1WWNwq2KZmWuxgazo7MQV8EizH4zGmypQx1mquZcS3iN87lZsA-Uj9hZVHuzMHWCXP1lqiNrwxl7xO_BjKZHafIqOkUn3UPRAz9jBOq0K7pAfR-8QFjfjjeKQ7pBz9dSQcM9WmFD/s72-c/google-seo.jpeg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-738811496382214825</guid><pubDate>Fri, 06 May 2016 16:41:00 +0000</pubDate><atom:updated>2016-05-06T09:41:20.492-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Digital Marketing</category><title>Social Media Marketing Tips For 2016</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl410_fqM81JysXHGDphYfJSgIXZMwUYBI0xl74bVt1A3lLqa4OKg7w9Z9ciMz1YTzW30NgO0yuQvBPvjYCeEkFfDE-CWHKXLtE7XPYSGvF9ZwY83wb-PW_FsIPxfdN3rAuF7gRN2S4fQl/s1600/social-media-hand.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl410_fqM81JysXHGDphYfJSgIXZMwUYBI0xl74bVt1A3lLqa4OKg7w9Z9ciMz1YTzW30NgO0yuQvBPvjYCeEkFfDE-CWHKXLtE7XPYSGvF9ZwY83wb-PW_FsIPxfdN3rAuF7gRN2S4fQl/s640/social-media-hand.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
You have to be easily seen online recognition if you want your business to make a good name for itself. Social media is the best place to do this. Social media sites are very popular and you will benefit from using them to market your product is wise. It can actually decide whether or fail. The following article will help to ensure that you succeed.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
If your headlines lure readers in, people will probably continue reading.&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
Allow consumers to easily subscribe to your social networks. Most people visit social media websites daily, so give them a quick way to access you via Twitter, Linked in or Twitter is a great way to make sure they have instant access when you put up a new post.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
These tools can help you to find your target audience as well as influential followers. You can identify a list of users to follow, in hopes that someday they will sign up to receive your updates.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
Post on Twitter often so your updates are not buried by the feeds of your followers.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
The titles need to have keywords that are in.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
When you post your article, it appears automatically as a Linked In update. This helps to save time and you'll enjoy more exposure on Linked In&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
Remember that your results will take time. It takes some time in order to come up with a solid strategy for social media campaign.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
If your company has a blog that you update with content, post the link on your social media site whenever you update it. Your social media subscribers will see and follow the links to intriguing and fresh content up that they have not yet seen.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div 0px="" 10px="" style="background-color: white; color: #333333; float: right; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
You want to have the option of opening up a one-on-one with your customers. The customer usually does not wish to talk with a connection and that they're being validated. Customers want the ability to speak to a single person directly.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Ask your customers to answer a survey about their use of social networking. If you find that your potential customers are non-users of social media, you may want to turn your attention to another form of marketing.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
You must keep at social media marketing efforts. It will take some time to glean a base of follower that will significantly increase your social media presence.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Do not rely on only use one channel when promoting your business through social media marketing. It can also be helpful in other ways if you use a plethora of different tools.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Have a contest that people can enter. You can give away the products of your company as prizes to contest winners.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Make your blog posts stand out by putting in a design or picture of visual interest. People do not want to look at a huge block of text without anything to break it all up. Add graphics, like logos, images or videos that your readers will want to look at. But remember to not overdo it and make the page too stimulating.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Boast about people you know when using social media blog. You can let others know to people that follow you on Twitter or Facebook. Also incorporate links to all of your other pages.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div 0px="" 10px="" style="float: right;"&gt;
&lt;/div&gt;
&lt;div align="left"&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
You should always be adding new content that your Facebook page. You can post funny videos or writing interesting articles. Find a balance between being friendly and serious articles to keep your professional image.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
You need to stay friendly with other posters on public forums. The users are the potential buyers of your product or service, not hard-sell tactics.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Make it as easy as possible for your consumers to subscribe to your information. Although email marketing is older than social media marketing, you can still gain the attention of consumers if you have something interesting to promote.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
You probably already have a decent mailing list if you've marketed for awhile. Put it into play by sending a Facebook link in materials you send to subscribers. This will help your current customers locating you.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Ask a couple of bloggers to join in and provide the customers with your customers. Make sure all of them blog about your upcoming party to their own crowd.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Make sure you're regularly updating social media frequently.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Is your website about home improvement? Visit various home decorating sites and post. Do you write a blog on pets? Visit the major retailers of animal products and leave interesting comments. This can help you to improve your brand.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Your Twitter name should be easy to recall but also related to whatever your product or service is. Don't put a lot of numbers at the end of your name like some users do, because people won't remember it well and might accidentally go to another page.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Make your Twitter and Linked In account work together! You will be able to reach out to your professional contacts that you can follow and let them to follow back easily.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Using an auto-responder can create a negative backlash for you as well as your company.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
Use the above tips properly, and you can see how much social media helps you gain a larger customer base. If you are a social media novice, it will not take long for you to see the value in these ideas, as social media websites stand among the most useful methods of generating awareness among new potential customers. They can also strengthen your bond with existing ones.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/05/social-media-marketing-tips-for-2016.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl410_fqM81JysXHGDphYfJSgIXZMwUYBI0xl74bVt1A3lLqa4OKg7w9Z9ciMz1YTzW30NgO0yuQvBPvjYCeEkFfDE-CWHKXLtE7XPYSGvF9ZwY83wb-PW_FsIPxfdN3rAuF7gRN2S4fQl/s72-c/social-media-hand.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-7541535812862799668</guid><pubDate>Mon, 18 Apr 2016 16:04:00 +0000</pubDate><atom:updated>2016-04-18T09:04:51.051-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Make Money Online</category><title>101+ Tips and Ideas to Make Money Online in 2016</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVB378I5sJ-nCIB8G937NBDayVVpvGxFm1A9X5364Zk7VqNnZbSsGn8-8E7JDyZ2LYOjesy9ZS1IGn4xBcn99aVY6jiqI6LJ52D6Fq76YJSCZQoUF2XgtZQHQXKoen8MyrMd6ksquC6hSY/s1600/e2ab8237ff72349448eafcc9ccfdff8e.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVB378I5sJ-nCIB8G937NBDayVVpvGxFm1A9X5364Zk7VqNnZbSsGn8-8E7JDyZ2LYOjesy9ZS1IGn4xBcn99aVY6jiqI6LJ52D6Fq76YJSCZQoUF2XgtZQHQXKoen8MyrMd6ksquC6hSY/s320/e2ab8237ff72349448eafcc9ccfdff8e.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: normal;"&gt;The following list of tips is meant to provide new comers with basic Internet Marketing advice to help improve their initial online marketing activities. It can also serve as an introduction to online marketing. Note that these tips are not necessary related to my strategy but rather constitute general internet marketing advice.&lt;/span&gt;&lt;/h3&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px;"&gt;&lt;b&gt;Now here are the tips:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
1. One great way to make money online is to use a site like Etsy or eBay to sell things you make yourself. If you have any talents, from sewing to knitting to carpentry, you can make a killing through online markets. People want items that are handmade, so join in!&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;span style="font-size: 16px;"&gt;2. Pay per lead is a great way for you to make money online. With this, you will get paid every time someone comes to the site that you refer them to. This can add up if you are able to get a lot of people to come. If you have a plethora of Twitter followers or Facebook friends, this option is for you.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
3. If you'd like to make money online, try thinking outside the box. While you want to stick with something you know and are capable of doing, you will greatly expand your opportunities by branching out. Look for work within your preferred genre or industry, but don't discount something simply because you've never done it before.&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
4. You can make money online by playing games. Farm Gold is a great site that you can log in to and play fun games during the course of the day in your spare time. There are many games that you can choose from to make this a profitable and fun experience.&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div 0px="" 10px="" style="background-color: white; color: #333333; float: right; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
5. Put your down time to good use. There are many ways to earn money online that require little focus. This is true of tiny tasks on a crowdsourcing site like Mturk.com, known as Mechanical Turk. You can work on these tasks as you watch some TV. Don't expect to break the bank with this technique, but you can make some of your time online pay off instead of being time completely wasted.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
6. Begin a podcast talking about some of the things that you have interest in. If you get a high following, you may get picked up by a company who will pay you to do a certain amount of sessions per week. This can be something fun and very profitable if you are good at speaking.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
7. Don't quit your day job until the online money making opportunity you're looking into starts paying off. While it could prove to be a jackpot, you don't want to risk being up the creek if it's not what you were hoping for. Always have enough money in the bank for a few month's of bills, just to be on the safe side.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
8. If you love to write, consider selling your fiction or non-fiction work through an electronic book on the Internet. This is a great way to tell everyone that you know things about something and make money in the process. Beginning with a collection of recipes is an excellent way to begin with E-books.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
9. Use affiliates on your personal website. Do you have a blog or some other sort of presence online? Do you get a lot of traffic? Try affiliate marketing. It requires very little effort on your part. By registering your site with sites like Google Adsense, you could make a considerable amount in passive income.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
10. Working online is likely not to make you a millionaire overnight. Even Perez Hilton or Ariana Huffington had to work hard to get their sites to be popular. The same goes for you, whether you are writing SEO articles or designing websites. Don't let frustration cause you to quit if you don't strike it rich quickly.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
11. Selling items on eBay is a great way to make some money online. You may have things that are just collecting dust in your home and taking up space. On eBay, you can sell these items. All you have to do is create a profile and put your items up for sale.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
12. Don't buy into anything that tells you that you can make a whole bunch of money if you pay into a system. A lot of these things that promise you a fortune were put together by someone to get your money and not help you at all. Use common sense and you should do fine if this comes up.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div 0px="" 10px="" style="float: right;"&gt;
&lt;/div&gt;
&lt;div align="left"&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
13. If you have a lot to say and you think others will like reading it, you should think about starting a blog. Having ads placed on your blog can earn you a decent amount of residual income each month. The best way to maximize your earnings would be to place ads that are relevant to your content.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
14. If you plan on making serious money online, make sure you've got the right equipment for the job. There's nothing more frustrating than trying to complete a job and your Internet times out, or is so slow that you miss a bid or other opportunity. Have the necessary equipment and make sure you're software is up to date too.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
15. Photography is a growing business. If you like taking pictures, and you are good at it, you could make money selling those pictures online. Look into companies like Shutterstock and Fotolia, which are stock photo agencies. They make it easy for people to earn a little extra money by taking pictures.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
16. Start making money online doing microgigs. Register at Fiverr and offer small tasks that you can do for others for five bucks. If you can't think of anything you can do that people might pay for, browse over what is already offered. You will be surprised at the kinds of tasks that are available.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
17. Take paid surveys online if you want to make some extra cash on the side. Market research companies will want to get as much consumer feedback as possible, and these surveys are a great way to do this. Surveys may range anywhere from five cents to 20 dollars depending on the type you do.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
18. If you enjoy writing, take a look at revenue sharing sites. Both of these sites let you write on your favorite topics, and you get a split of the incoming revenue. Additionally, you can also use Amazon's affiliate program to increase your earning potential.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;19. If you love to draw, you can sell some of the photography that you create on the web. Initially, you may want to post your goods on Craigslist or a smaller site to get the word out and see if people will bite. If there is a high following, you can move to a more prominent site.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
20. When looking for opportunities to make money online, try the big name companies first. Amazon and eBay for example, are trusted and have proven to work for millions of people. While it can be safe and lucrative to go with unknowns, the big companies have track records, tools and other ways of ensuring your success from the get-go.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
21. Remember to create a budget before you start to work online. You need to know what your overhead will be, be it the cost of your computer and internet connection if your work will be completely totally virtually, or any supplies you need if your plan is to sell items online.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
22. Are you a good salesperson? Look into becoming an affiliate. In this line of work, you will earn money each time you sell a product that you have agreed to endorse. After joining an affiliate program, you will get a referral link. From there, you can begin selling products, either on your own website or on someone else's site.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
23. Freelancing is a great way to work online. There are a number of sites that will allow you to log on and put in an idea or proposal. Buyers then search the available options and figure out what they would like to purchase. Freelancing is best suited for skills that involve things like programming and data entry.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
24. There are many opportunities for online tutors in subjects ranging from mathematics to language. Possible students are many and varied. You might teach your native language to people living in other countries via VoIP. Another possibility is to tutor schoolchildren, high schoolers or college students in a subject in which you specialize. You can work with an online tutoring agency or set up your own website to begin.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
25. Blogging is one way that is very popular to make money on the Internet. You may enjoy blogging as a hobby, so why not try it for profit? You could make money though it by advertising. You can earn money every time one of your readers clicks on an ad from your blog.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
26. If you have a knack for writing, there are various internet portals that offer work for writers of all levels. Sites like iWriter and Write.com allow you to write for various sources who need well-written content. Make your writing skill work for you and you can generate much needed income.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
27. If you like to make things, consider selling your items on Etsy. This is a crafts marketplace growing in popularity around the Internet. Users from around the world can browse over items made by individual craftsmakers looking to sell and ship their wares to anyone interested. Regardless of your own self-criticism or self-confidence, make anything you can and try to sell it to see if it is a hit or not.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
28. Be honest with yourself about how much money you can earn online. Depending on what you're planning to do, it is important that you are realistic about your goals. Even if you have to pay your bills, look for several opportunities to make ends meet, but never put all of your eggs into one basket.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
29. Try becoming a virtual assistant. There are many small businesses that need small jobs done, but they can't afford to hire full-time people. This is where a virtual assistant comes in. You can work part-time for several clients. Some virtual assistants make around $20 an hour. The tasks vary but usually include scheduling appointments, communicating with clients, writing emails, and more.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
30. Affiliate marketing is one of the best ways that you can make money online in your spare time. This type of marketing means that you will sell other people's stuff and get paid a commission when you do. There are all types of items that you can sell depending on your style.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
31. Have you tried flipping domain names? You can make some serious cash through domain flipping. Sure it takes a small investment, but, like real estate, it can really make you a hefty profit. You can find trending keywords on Google AdSense. Buy some acronym-based domains. Find some names that you think you can make money off of.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
32. Design and build websites for people on the web to make some extra cash on the side. This is a great way to showcase the skills that you have using programs like Kompozer. Take a class beforehand on website design if you want to brush up on your skills before starting up.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
33. If you have a blog or website ready to go, think about selling advertising space on it. You will earn money each time one of your visitors stops what they are doing and clicks on the ad. The best way to be successful and earn money with pay-per-click advertising is to have a good website that offers valuable information. This will increase your traffic flow as well as the number of clicks you are getting. Google AdSense is one program that can get you started.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
34. Taking online surveys is a great way to make money online, but you should not look at it as a full-time income. The best thing to do would be to do this in addition to your regular employment. Joining multiple will help increase your earnings, so sign up for as many as you can.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
35. If you have some online know-how, consider web hosting reselling. If you are able to offer the right support to your customers you can make excellent money through reselling web hosting. You basically become a middle-man for your clients based off their web hosting needs. As the business thrives, your level of support will need to be strong, and always available.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
36. Found your online money-making career on a solid base of integrity. You won't ever truly be able to delete something off of the Internet after it has happened. Newbie mistakes are normal, but scamming and illegal activity is likely to come back to hurt you.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
37. If you have the ability to type quickly, you may consider transcription jobs. You need to have good headphones and the ability to keep up with what is being said. Often, the companies will have their own formatting guidelines. Familiarize yourself with these prior to beginning. Once you have, you can begin transcribing.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
38. You can make money simply by signing up to do things that you do anyway. Some sites will reward you with points for searching the Internet or making purchases you were already going to make. You can redeem the points for gift cards or merchandise. Swagbucks and Mypoints are two such websites to check out.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
39. If you come across a money-making opportunity online, do some research to see if anyone has reviewed it. Sometimes a company makes all types of promises about high income potentials, but reviews may say otherwise. To avoid getting burned, research a business opportunity thoroughly before you make any time or financial commitments.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
40. If you have a blog or website, you can advertise products for other people. Find vendors that offer products related to your site and see if they offer an affiliate program. Stick to brands and products that are familiar to your since they will be easier to sell. Include a link to buy the products or place a graphical ad somewhere on your site.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
41. Sign up to become a mystery shopper. This is a great way to make money as you will have to shop at various places and take notes on your shopping experience. When you are finished, you will have to write up a report on the computer, which you will be compensated for.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;42. Start out small when you want to make money online, to minimize potential losses. For example, something that looks promising could turn out to be a bust and you don't want to lose a lot of time or money. Do a single task, write just one article or order only one item until the site you choose proves to be safe and worthy.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
43. Figure out how much you are looking to make before you begin. For example, I don't want to work for less than $15 per hour, otherwise spending time with my family or completing chores would be more worthwhile to me. What is your worth? Once you determine it, stick to your guns!&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
44. It takes some research time to get to know the details of successful making money online. So start of small, in a few areas and find out what you enjoy doing and what has the most potential. Having others who are also working online in the same job market can be a great asset to help you find the best niche for your talents. With good information and a curious and open mind, you can learn all you need to know to make money online.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
45. Beware of sites where you have to make a bid to complete someone's work. These sites devalue you based on the fact that the lowest bid most frequently wins. There will be some people hiring on these sites who are decent, of course, but the bulk just want their work done cheaply.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
46. Your online income should be diversified through as many streams as you can. Earning a living online can be difficult. What works today may not work tomorrow. This is why you need to have income from several different sources. If you lose one source of income, you'll still have others to fall back on.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
47. Sign up for a data entry job if you want to make extra money on the side. These are time consuming jobs, but can add up in the long run and do not require a lot of skill. One of the great benefits of this job is that you'll be able to do it in your home.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;48. Are you a grammar nut? Do you understand the nuances of the English language? Consider working as a copy editor. You can get paid to look over articles that were written by others, seeking out any errors in the work and then correcting them. The best part is that you can do it all from the comfort of your own home.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
49. Search online for some of the top opening bonus deals at banks and take advantage of their specials. Sometimes, you can make up to 250 dollars just by signing up for an account and switching your direct deposit. Make sure to read all of the fine print before you sign anything though.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;50. Medical transcription can be a good way to make money online as a full time career. Formal training is required, and this can be costly. Additionally, it is necessary to have good computer and transcription equipment that works reliably. A great deal of work is available for people who are able and willing to invest in training and good equipment. Pay is quite substantial.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
51. Making money though the Internet can be something that changes with time. Do you like talking on the phone? VoIP technology creates opportunities to work as a virtual assistant or to work remotely as a customer service agent. Do you have a knack for writing great fiction? Try selling your short stories as eBooks on Amazon. Are you a masterful interior decorator? Make articles that teach someone how to do something, and then publish them on DigitalOcean.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
52. If you own the right equipment, create videos. Just put them up on YouTube.com. If you have an interesting video that either teaches something skillful or with a humorous slant, you will gain regular viewers. Then, advertisements can be placed on the page. These are great for generating income.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
53. Even though you may be able to make money online regularly, keeping physical records of your work and earnings is still important. Print out the data from a well-maintained spreadsheet or keep a notebook by your computer. Keep accurate and up to date information that you will later need for tax purposes, to verify income or just for your own purposes. Data can be lost all too easily online.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
54. Research what others are doing online to make money. There are so many ways to earn an online income these days. Take some time to see how the most successful people are doing it. You may discover ways of generating an income that you never thought of before! Keep a journal so that you remember them all as you move along.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
55. If owning your own blog is a bit too time consuming, but you would still like to write and earn money, thing about creating articles for existing blogs. There are a number out there, including Weblogs and PayPerPost. With a little research and a bit of initiative, you could get set up with one of these sites and start earning money in no time.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
56. Design unique logos for some of the new startup sites on the web. This is a great way for you to show the talent that you have and also help someone out who is not artistically skilled. Negotiate the price with your client in advance before you provide your service.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
57. Use Google to search for online moneymaking opportunities. Your search should yield many results. If you locate a company that interests you, read reviews first. Be cautious to protect yourself.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
58. Join a focus group if you want to make some money on the side. These groups gather together from an internet hub at a physical location where they will talk about a new product or service that is out on the market. Generally, these groups will gather in very big cities near you.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
59. If you are dedicated to making money online, you should be following blogs on the topic. You need to spend 20% of your time learning about the online market and 80% working through it. Blogs are a great way to find out about new opportunities or beneficial tips and tricks.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
60. Don't be afraid to make contact with real people, just because you're looking for money making opportunities online. While most sites are self-explanatory and can be operated with little to no assistance, you can find out more about legitimacy by conducting conversations with site owners or other employees. If you don't hear back anything, that could be a red flag!&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
61. Selling items on eBay is a great way to make some money online. You may have things that are just collecting dust in your home and taking up space. On eBay, you can sell these items. All you have to do is create a profile and put your items up for sale.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
62. Are you familiar with online marketing? A company may want you to engage in search engine marketing for their website. You would be responsible for doing things like writing blogs, writing press releases, posting in forums and even doing a little social bookmarking. However, this is not really something you'll be able to do without any previous knowledge or experience.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
63. Almost anything you can think of can become a way to earn money online. Do you love reading and take part in a book club in person? You can write a blog reviewing the books your group reads. Add some affiliate links to Amazon.com so that people can buy those books. How about crocheting? Try selling booties for babies online!&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
64. If you know how to prepare taxes, you can earn money online. Apply for the necessary government licenses and then begin offering your services online. Many of today's top producers work from home with only their laptop and an email address. For best results, continually advertise your services throughout the year.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
65. Be honest when you make money on the internet, right from the beginning. Your online reputation can follow you all the time, such as IP bans if you break the rules. Anything illegal or immoral can cost you your online reputation.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
66. To make real money online, consider launching a freelance writing career. There are numerous reputable sites that offer decent pay for article and content writing services. By checking into these options and reading feedback of each company, it really is possible to earn an income without ever leaving your home.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
67. If you already have a business, you can increase your sales through online marketing. Advertise your products on your own website. Offer special discounts and sales. Keep the information updated. Ask customers to join a mailing list so they get steady reminders about your products. You have the ability to reach a worldwide audience this way.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
68. If you want to do something creative, consider ways to create viral videos. Brainstorm ideas that you think are rip riotously hilarious, then start putting them into action. Post them on YouTube, turn on ads and, if they work, watch the money start rolling in! Learn about marketing to see how you can get them even more popular.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
69. Research what others are doing online to make money. There are so many ways to earn an online income these days. Take some time to see how the most successful people are doing it. You may discover ways of generating an income that you never thought of before! Keep a journal so that you remember them all as you move along.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
70. Remember, making money online is a long term game! Nothing happens over night when it comes to online income. It takes time to build up your opportunity. Don't get frustrated. Work at it every single day, and you can make a big difference. Persistence and dedication are the keys to success!&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
71. If you intend to make money online, join at least one forum first. There is a lot to be learned, and you can do so from other people's mistakes, rather than having to make your own. Introduce yourself, ask questions and make connections too. Networking for online money-making situations can turn into very lucrative jobs.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
72. Consider the things you already do, be they hobbies or chores, and consider how you can use those talents online. If you make your children clothing, make two of each and sell the extra on the internet. Love to bake? Offer your skills through a website and people will hire you!&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
73. Making money online is something you can't just do overnight. You have to stick to your plan and remember that perseverance will get you through the tough times. The harder you work at it, the more you will make, so steel your determination and keep reading article like this one to learn more.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
74. Translate documents if you are fluent in a second language and want to make money on the side. Check out the freelancing sites to find people who will need things altered into a different language. This can be anyone from a large corporation to an individual who wants to translate something for a friend.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
75. To steal from an environmental bumper sticker, think global but act local. Check out yard sales, estate sales, flea markets, swap meets and Goodwill stores close to home. Also check out local free listings on Freecycle or Craigslist. Find things people are getting rid of locally and then list them online to feed global demand.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
76. Never pay money to obtain work online. Legitimate work online should pay you, not the other way around. If a service is charging you to provide you with work opportunities, chances are they are just playing middleman and providing links that are available for free if you know where to look.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
77. Before you set your heart on making money online, set your household up. Making sure you are free from interruptions can be a very important part of your success. Children, spouses and other people can cut you off at the most inconvenient times. Make sure your time is your own, so you can maximize earnings.&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif;"&gt;
78. Take paid surveys online if you want to make some extra cash on the side. Market research companies will want to get as much consumer feedback as possible, and these surveys are a great way to do this. Surveys may range anywhere from five cents to 20 dollars depending on the type you do.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/101-tips-and-ideas-to-make-money-online.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVB378I5sJ-nCIB8G937NBDayVVpvGxFm1A9X5364Zk7VqNnZbSsGn8-8E7JDyZ2LYOjesy9ZS1IGn4xBcn99aVY6jiqI6LJ52D6Fq76YJSCZQoUF2XgtZQHQXKoen8MyrMd6ksquC6hSY/s72-c/e2ab8237ff72349448eafcc9ccfdff8e.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6009693063461803421</guid><pubDate>Mon, 18 Apr 2016 15:14:00 +0000</pubDate><atom:updated>2016-04-18T08:14:10.188-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Make Money Online</category><title>Make Money With Reseller Programs in 2016</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhea9Zy14rij_Xyenu0MKuo_Fd5YLtgLEnQwVNaukvRsz4YjNbXYZIJpf2lkVRLq6iVB101zOzkR5Yd9JwN3m5kNQY5u7Tw8Vgzdbxz5N9BHPM2iBB3ZrD5nA70kMxBPTXoisJSbCMFNTQr/s1600/power-of-affiliate.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhea9Zy14rij_Xyenu0MKuo_Fd5YLtgLEnQwVNaukvRsz4YjNbXYZIJpf2lkVRLq6iVB101zOzkR5Yd9JwN3m5kNQY5u7Tw8Vgzdbxz5N9BHPM2iBB3ZrD5nA70kMxBPTXoisJSbCMFNTQr/s1600/power-of-affiliate.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;sources :-&amp;nbsp;&lt;a href="http://blog.cj.com/"&gt;blog.cj.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif;"&gt;
Reseller programs (also called&amp;nbsp;&lt;strong&gt;affiliate program&lt;/strong&gt;) are an exciting way for website owners to earn cash.&lt;br /&gt;&lt;br /&gt;These pay-per-sale programs are often amazingly easy to join. After carefully reading the terms and conditions, which vary from program to program, you provide a banner ad, small graphic or ordinary link from your site or newsletter to the vendor. If someone follows the link and buys a product or service from the business, you receive a commission.&lt;br /&gt;&lt;br /&gt;If you already have a busy site and the product is attractive to your visitors, you should &lt;a href="http://seopedias.blogspot.com/2016/02/12-tricks-to-make-money-with-google.html" target="_blank"&gt;start earning money&lt;/a&gt; straight away. If you have a new, low-traffic site, you need to promote your site before you can make these programs work for you. Experienced webmasters suggest that you need at least 500 unique visitors a day to make reasonable money from a web site.&lt;/div&gt;
&lt;div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div 0px="" 10px="" style="background-color: white; color: #333333; float: right; font-family: Helvetica, Arial, sans-serif; text-align: -webkit-center;"&gt;
&lt;/div&gt;
&lt;div align="left" style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif;"&gt;
&lt;div style="font-family: Verdana, Geneva, sans-serif; font-size: 1em;"&gt;
An affiliate business is one of the easiest ways to get your feet wet in e-commerce. You send visitors (i.e., potential customers) to a merchant?s Web site that you are representing. If they buy or complete a required action (for example, fill in a form), the merchant pays you a commission. Simple, right? That, in essence, is the beauty of the affiliate concept. You can be up and building a business in record time, at minimal risk. Top-notch merchants supply everything (i.e., excellent products, ordering, credit card processing, and delivery). All you need to do is to put yourself in the path between customers and quality merchants... and earn a commission for your efforts.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/make-money-with-reseller-programs-in.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhea9Zy14rij_Xyenu0MKuo_Fd5YLtgLEnQwVNaukvRsz4YjNbXYZIJpf2lkVRLq6iVB101zOzkR5Yd9JwN3m5kNQY5u7Tw8Vgzdbxz5N9BHPM2iBB3ZrD5nA70kMxBPTXoisJSbCMFNTQr/s72-c/power-of-affiliate.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-7936347945793396947</guid><pubDate>Thu, 14 Apr 2016 18:38:00 +0000</pubDate><atom:updated>2016-06-04T02:33:45.500-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Digital Marketing</category><title>Top 5 Reasons for Building a Career in Digital Marketing in 2016</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;strike&gt;&lt;img alt="Banner 31" src="http://www.digitalvidya.com/wp-content/uploads/2013/06/143.jpg" /&gt;&lt;/strike&gt;&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;This 5 Reasons for Building a Career in Digital Marketing&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-left: 1em; margin-right: 1em; text-align: justify;"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
I still remember the excitement about IT/Software in late 90s and early 2000. Surely, that was one of the best times for people to enter into IT industry. Even those who joined GNIIT program at that point of time could accelerate their career and moved to respectable position within few years.&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
That’s exactly the phase Digital Marketing industry is undergoing today. The Wave associated with Digital Marketing industry is so strong today that it’s undoubtedly the best time to be part of this fast growing industry.&amp;nbsp; Being part of this industry since last 14 years, I believe these are some of the top reasons to build a rewarding career in Digital Marketing industry in 2016:&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;strong style="background-color: white;"&gt;1. Digital Marketing to offer 1.5 Lakh Jobs by 2016:&lt;/strong&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;According to an Aug’14 article in Times of India, over 1.5 Lakh jobs are expected to be created in Digital Marketing space by 2016. While this number would include various kinds of Digital Marketing job profiles including technical &amp;amp; analytics, the demand for skilled professionals in Digital Marketing is always going to exceed the available talent pool.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://www.digitalvidya.com/wp-content/uploads/2014/12/digital-marketing-jobs-at-naukri.com_-300x187.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="digital marketing jobs at naukri.com" border="0" src="http://www.digitalvidya.com/wp-content/uploads/2014/12/digital-marketing-jobs-at-naukri.com_-300x187.png" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
While a large number of brands and agencies don’t advertise for jobs related to Digital Marketing, there are over 2000 jobs for Digital Marketing on Naukri.com. Interestingly, ‘Social Media Marketing’ alone has over 1700 jobs associated with it. I thought of comparing it with other popular industries and noticed 642 jobs for ‘big data’.&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;strong style="background-color: white;"&gt;2. A Digital Marketing professional earns between Rs 15,000 and Rs 250,000:&lt;/strong&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;Given the increasing gap between demand and supply of Digital Marketing professionals, a Digital Marketer commands a much higher average salary compared to other industries. A graduate with no work experience can expect a monthly salary of Rs 15,000 and a Head of Digital Marketing in a large brand or agency can earn Rs 2.5 Lacs per month.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
Here’s a rough range of Salary associated with titles earned by Digital Marketing professionals based on their education qualification and professional background. This doesn’t take into consideration exceptional educational background (e.g. IIT/IIM) or professional experience. Professionals working in high growth startups or digital marketing platform companies (e.g. LinkedIn, Facebook, Twitter, Google) earn over Rs 1 Crore annual salary at senior position.&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt="Salary-Range-Digital-Marketing" src="http://www.digitalvidya.com/wp-content/uploads/2014/12/Salary-Range-Digital-Marketing-300x102.png" /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;strong style="background-color: white;"&gt;3. India will cross 500 M Internet Users Mark by 2017:&lt;/strong&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;With over 3 billion Internet users, around 43% of world’s population is online. According to Feb 2016 report by Google, India will have over 500 Million Internet users by 2017 and 80% of these users (i.e. 400M+) will go online thorugh a Mobile Phone. India took over 10 years to move from 10M to 100M Internet users. It took 3 years to grow from 100M to 200M and just 1 year to grow from 200M to 300M. Facebook alone has over 110 Million users in India. With over 220 million active smartphone users in 2015, India has already surpassed US to become 2&lt;/span&gt;&lt;span style="background-color: white; font-size: 9.75px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;nd&lt;/span&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;largest smartphone marketing. Moreover, number of smartphone owners has already overtaken desktop/laptop users in India in 2015&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;img alt="Source: IMRB" src="http://www.digitalvidya.com/wp-content/uploads/2014/12/Internet-Users-India-Urban-Rural-300x186.jpg" /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;strong style="background-color: white;"&gt;4. Online Ad Spend in India to cross Billion Dollars in 2016:&lt;/strong&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;According to a Jan 2016 report by GroupM, digital advertising spend in India will account for 12.7% of all advertising, up from 9.9% in 2015. Overall advertisement spend will grow to Rs 57,486 crores in 2016 and digital advertisement will grow to over Rs 7300 crores, i.e. over a billion $.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt="digital advertising spend in India" src="http://www.digitalvidya.com/wp-content/uploads/2014/12/online-ad-spend-india-groupm-300x226.png" /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: justify;"&gt;
&lt;strong style="background-color: white;"&gt;5. Indian E-commerce Industry to cross $38B Mark in 2016:&lt;/strong&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;According to a study by ASSOCHAM, the e-commerce industry in India is likely to be worth USD 38 billion by 2016, a 67% growth over the USD 23 billion revenues for 2015. Also, Morgan Stanley revised their estimate of Indian ecommerce Industry from $102 billion to $119 billion. According to Morgan Stanley research report, the GMV (Gross Merchandise Value) of the country’s top three ecommerce companies (i.e. Amazon, Flipkart and Snapdeal) exceeded that of the top 10 offline retailers in 2015.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #555555; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: center;"&gt;
&lt;img alt="Ecommerce industry size in India" src="http://www.digitalvidya.com/wp-content/uploads/2014/12/ecommerce-india-2016-300x127.png" /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/top-5-reasons-for-building-career-in.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-5721228431569484276</guid><pubDate>Wed, 06 Apr 2016 09:16:00 +0000</pubDate><atom:updated>2016-04-06T02:16:21.763-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Link Building</category><title>What is natural link building? </title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzWZZ-N9L60KfTBq7qqfiQfhK46Hx6xbwW1m7zB4lW0ZBvhki5zNjmbAleanfBnrjLYNyrYq03sfi_P2swdp34VnzyAst4f4x3U7L4NItuh3ZYpLKI-qdFr99qoC2hGmAuYYjtsFG4gPac/s1600/natural-link-building.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzWZZ-N9L60KfTBq7qqfiQfhK46Hx6xbwW1m7zB4lW0ZBvhki5zNjmbAleanfBnrjLYNyrYq03sfi_P2swdp34VnzyAst4f4x3U7L4NItuh3ZYpLKI-qdFr99qoC2hGmAuYYjtsFG4gPac/s320/natural-link-building.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
What is natural link building and how does it affect SEO? Is it another myth or does it happen for real and what is the impact on rankings and traffic?&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
I will try to provide answers to the above questions using the blog you are reading now as a case study and also give you examples of natural links.&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
What is natural link building?&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Natural link building is exactly what the name suggests i.e. links that are created naturally without the website owner having to go and generate them either through&amp;nbsp;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;&lt;a href="https://www.reliablesoft.net/is-guest-posting-a-valid-way-to-get-links/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;guest posting&lt;/a&gt;&lt;/span&gt;, or other forms of link building practices.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In simple words, natural links happen when other webmasters, bloggers or website owners link to your content (blogs, images, products, videos etc) because they think is useful for their readers and adds value to their websites or pages.&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
Is natural link building important?&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
It is widely accepted in the SEO industry that having natural links is the best, safest, fastest and among the most efficient ways to promote a blog or website.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
With natural links you can feel secure that your content is good and that your rankings and traffic will not be affected by a Google algorithmic change.&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
Is it another SEO Myth?&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
One of the things I had real trouble understanding when I first started with blogging was ‘how to get natural links’. I did not know what I had to do so that other people find and link to my content. I always believed that this was a myth and that the only way to get links was to build them.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The problem with building links though is that sooner or later Google will find out that the links are not natural and you will end up losing both your rankings and traffic. Even worse, they may also impose a penalty on your domain and that will make it even more difficult for you.&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
So, the only way to gain rankings is to avoid&amp;nbsp;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;&lt;a href="https://www.reliablesoft.net/10-bad-seo-practices-that-will-destroy-your-google-rankings/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;bad practices&lt;/a&gt;&lt;/span&gt;&amp;nbsp;but follow pure white had SEO techniques and natural link building is one of them.&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
What were the actual benefits from &amp;nbsp;&lt;span style="font-size: 1.875rem; line-height: 1.5;"&gt;natural &lt;/span&gt;&lt;span style="font-size: 1.875rem; line-height: 1.5;"&gt;links?&lt;/span&gt;&lt;/h2&gt;
&lt;ol style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Traffic&lt;/span&gt;&amp;nbsp;– All the above websites have lots of traffic and the day the posts were featured on their home pages, I got a good amount of traffic coming to my blog.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Industry recognition&lt;/span&gt;&amp;nbsp;– It is always good to get referenced by some of the top blogs in your industry.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;More natural links&lt;/span&gt;&amp;nbsp;– When the big guys link to you, other blogs link to you as well. If you are important for the big blogs, you are also important for the smaller blogs.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Courage&lt;/span&gt;&amp;nbsp;– Similar to the 2&lt;span style="box-sizing: border-box; font-size: 13.5px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;nd&lt;/span&gt;, but when you see those natural links flowing in, you get more courage to continue what you do.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;More social shares&amp;nbsp;&lt;/span&gt;– The posts that attracted natural links were the ones that got the most attention in social media networks as well.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: decimal;"&gt;&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;Better rankings&amp;nbsp;&lt;/span&gt;– Incoming links do affect rankings and the pages that received those links enjoy good first page rankings.&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;h2 style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
How do you get natural links?&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Obviously this is the most important question of this article. The benefits of natural links are all great but how do you get them? It’s a three step process and one that I am sure you heard before but let’s review it again:&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 29.25px; margin-bottom: 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;span style="box-sizing: border-box; font-weight: 700;"&gt;#1-Write/publish/create good content&lt;/span&gt;&amp;nbsp;– If the content is not good then nobody will naturally link to it. If you are still at the beginning and nobody is reading you content don’t get disappointed; write like your articles are read by thousands of people and try to make them better and better. Don’t just look for the present but try to plan for the future. When the time comes and traffic will start flowing in, you have to be ready with good content to keep your visitors engaged&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/what-is-natural-link-building.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzWZZ-N9L60KfTBq7qqfiQfhK46Hx6xbwW1m7zB4lW0ZBvhki5zNjmbAleanfBnrjLYNyrYq03sfi_P2swdp34VnzyAst4f4x3U7L4NItuh3ZYpLKI-qdFr99qoC2hGmAuYYjtsFG4gPac/s72-c/natural-link-building.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-7490963121632244680</guid><pubDate>Wed, 06 Apr 2016 09:12:00 +0000</pubDate><atom:updated>2016-04-07T07:12:58.658-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>7 Best WordPress SEO Practices for Beginners</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Beginners to SEO face a lot of challenges. There are so many things to do and learn at the beginning which makes it impossible to differentiate between the tasks that are important and should be done first and the least important tasks that can be implemented later.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
It is true that there is a plethora of information about ‘WordPress SEO’ on the web but the problem is that if you are new to WordPress and SEO in general, you don’t know from where to start and which path to follow.&lt;/div&gt;
You know that you want to increase your traffic as fast as possible but you are not sure how the different SEO principles and best practices can be applied to a WordPress website.&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
What you will learn in this post is how to approach the SEO optimization of a WordPress website (either new or existing) by following SEO best practices that are proven to work.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;a href="http://seopedias.blogspot.com/2016/04/7-best-wordpress-seo-practices-for.html" target="_blank"&gt;&lt;img alt="WordPress Best SEO Practices" class="alignnone size-full wp-image-3766" height="437" sizes="(max-width: 900px) 100vw, 900px" src="https://www.reliablesoft.net/wp-content/uploads/2016/03/wordpress-best-seo-practices.png" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/03/wordpress-best-seo-practices-300x146.png 300w, https://www.reliablesoft.net/wp-content/uploads/2016/03/wordpress-best-seo-practices-768x373.png 768w, https://www.reliablesoft.net/wp-content/uploads/2016/03/wordpress-best-seo-practices.png 900w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="900" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
1. SEO Friendly WordPress theme&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
I decided to add this as the number one in the list since if you are not using an SEO friendly theme, it will be difficult if not impossible to improve your rankings.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
From experience, a lot of people either don’t know what to look for in a WordPress theme so that it’s search engine friendly or they just ignore this altogether and this is a big mistake.&lt;/div&gt;
&lt;h3 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
How do you select an SEO friendly theme?&lt;/h3&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
A good WordPress theme has the following features:&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;It’s mobile friendly&amp;nbsp;&lt;/strong&gt;– Having a mobile friendly website is a must and if your WordPress theme is not responsive then this is a very good opportunity to consider doing a website redesign.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
There are many reasons why this matters. For starters, Google introduced mobile friendliness as a ranking signal in 2013 and this means that if your website is not optimized for mobile, then you are missing out on the 50% of potential traffic that is navigating the web on mobile.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Second, you are not taking advantage of the&amp;nbsp;&lt;a href="https://www.reliablesoft.net/advantages-of-responsive-design-for-online-businesses/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;many benefits&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;a responsive design has to offer to online business and this can have a negative impact on your conversion rates and sales.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;It has build-in support for schemas&lt;/strong&gt;&amp;nbsp;– Schemas or structured data representation is gaining importance the last couple of years and although this is not yet part of the Google ranking algorithm, it is something that can help your SEO efforts.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In short, schemas or microdata is a way to describe your data to search engines by using certain tags in your html code. Google is using this information when showing rich snippets or knowledge graph entries in their search results.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="rich snippets for SEO" class="alignnone size-full wp-image-3827" height="136" sizes="(max-width: 700px) 100vw, 700px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rich-snippets.png" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rich-snippets-300x58.png 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rich-snippets.png 700w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="700" /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
If your theme does not have schema information built-in, then you will either need to hire a developer to do these changes for you or make use of a third party plugin. You can still get it to work but it’s much better if structured data is natively supported by the theme.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;It’s developer friendly&lt;/strong&gt;&amp;nbsp;– A WordPress website is never static. There will be cases in the lifetime of a website where you will have to make changes to the underlying code. Good WordPress themes have hooks and filters that help developers perform changes fast and in an efficient manner.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Usually this is achieved through the use of a framework (read more details below), which is the intermediate layer between WordPress core files and theme.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;It loads fast&lt;/strong&gt;&amp;nbsp;– Everybody likes a fast loading website. Google rewards fast websites by giving them a small ranking boost and users are more likely to interact and revisit a website that loads without delays.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
While there are many techniques to&amp;nbsp;&lt;a href="https://www.reliablesoft.net/how-to-improve-the-loading-speed-of-a-wordpress-website/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;improve the loading speed of a WordPress website&lt;/strong&gt;&lt;/a&gt;, if your theme is not designed with speed in mind, it will be very difficult to achieve loading speeds in the range of 2-4 seconds.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Elements like image sliders, background videos, extreme mouseover effects, custom animations or visual editing plugins make a website look stunning but also very slow. If you had to choose between a functional and fast website and a ‘wow’ website that only works on high speed Wi-Fi connections, then you definitely need to go with the first option.&lt;/div&gt;
&lt;/div&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Has good on-page SEO&lt;/strong&gt;&amp;nbsp;– I have discussed about&amp;nbsp;&lt;a href="https://www.reliablesoft.net/5-on-page-seo-techniques-thatll-boost-your-rankings-checklist-included/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;on-page SEO&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;many times in the past but when it comes to choosing a WordPress theme, your primary concern is to make sure that it is compatible with basic on-page SEO concepts like: the use of a single H1 tag per page, the proper output of ALT tags for images, the proper output of page titles and descriptions, the correct use of canonical URLS and many more.&lt;br /&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Have a look at my previous post on&amp;nbsp;&lt;a href="https://www.reliablesoft.net/how-to-perform-a-seo-audit-of-your-web-site-checklist-included/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;how to SEO audit your website&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;and make sure that your chosen theme adheres to those guidelines.&lt;/div&gt;
&lt;h3 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
Recommended WordPress themes and frameworks to use&lt;/h3&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Over the years I had the opportunity to work with a number of different WordPress themes and frameworks but when it comes to my own websites or websites we develop for our clients, we always go with either&amp;nbsp;&lt;a href="http://my.studiopress.com/themes/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;" target="_blank"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;studio press themes&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;that are based on the powerful genesis framework or&amp;nbsp;&lt;a href="http://diythemes.com/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;" target="_blank"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;thesis based websites&lt;/strong&gt;&lt;/a&gt;.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The main reason is that these 2 frameworks and themes are generally accepted by the SEO industry as the best SEO themes available today.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The website you are reading now is based on the genesis framework and also a number of the most popular websites on the Net run by SEO experts are based on genesis.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
It’s not free, you may have to pay as much as $100 to get the genesis framework and a child theme to get started but it’s one of the best investments you can do for your SEO efforts.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Besides the SEO benefits, these themes are easy to use (from an administrative perspective) and developer friendly.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
2. SEO Friendly Hosting&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Next in the list is&amp;nbsp;&lt;a href="https://www.reliablesoft.net/seo-web-hosting-how-do-hosting-providers-affect-seo/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;SEO friendly hosting&lt;/strong&gt;&lt;/a&gt;. Many times hosting providers can indirectly affect your SEO efforts, without realizing it.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
I have seen cases where the hosting providers add restrictions in the robots.txt of a website to block bots from accessing a website’s full content or by limiting the times a website is crawled or by adding delays to the crawl rate and this has a negative impact on your SEO.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
There are a number of good hosting providers out there so I won’t make a specific recommendation besides mentioning that WordPress runs better on a VPS (Virtual Private Server) hosting compared to shared hosting.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
If you are serious about your blog or online business, then VPS hosting is your only choice. Your website will run faster, be more secure and if you choose a reliable hosting provider you will also have prompt support when you need it.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
3. WordPress Security&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
How is WordPress security related to SEO? Websites that don’t have strong protection get hacked and they are loaded with malicious code which adds outgoing links to ‘bad reputation’ websites.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="wordpress security" class="alignnone size-full wp-image-3828" height="494" sizes="(max-width: 700px) 100vw, 700px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/wordpress-security-stats.jpg" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/wordpress-security-stats-300x212.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/wordpress-security-stats.jpg 700w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="700" /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In many cases the owner of the website doesn’t have a clue that this is happening, hackers use clever ways to hack into a website and add the code that is visible under certain conditions. The result? Your rankings drop and your website is removed from Google search until you take action to clean the malware and submit a reconsideration request.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
If you experienced this once you know how frustrating it is especially if your income depends on your website.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
4. Technical SEO Best Practices&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Now that we have dealt with the above important tasks that indirectly affect your SEO, we can start working on things that have a direct impact on rankings and traffic.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
First in the list is technical SEO. Technical SEO is a term used to describe settings you need to configure to improve the indexing of your website and ensure that there is nothing technical the prevents search engine bots from accessing your content.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
For best practices, you need to check the following:&lt;/div&gt;
&lt;ul style="box-sizing: border-box; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Can search engines access your website or is your robots.txt blocking them?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Is your&amp;nbsp;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;XML Sitemap optimized&lt;/strong&gt;&amp;nbsp;and submitted to Google and Bing?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Did you set a preferred domain in WordPress and Google Search Console?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you provide users with an HTML sitemap?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you have a custom 404 page that is properly configured?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you use redirects (301, 302) correctly?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Is your website configured to handle both http:// and http://www requests?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you take advantage of structured data and schemas?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Are there any broken links in your content?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Are there any crawl or not found errors reported in Google search console?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Did you set the canonical URLs correctly for all the pages of your website?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Is your website mobile friendly?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you have a breadcrumb menu enabled and it is properly tagged?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you implement ‘paging’ correctly for multi page posts or pages?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;If your website is available in more than one languages, is this defined correctly in your code and Google Search Console?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Does it load fast?&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Do you use SSL?&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Despite using the word ‘technical’, you don’t have to be a technical guru to handle these issues. If this sounds too complicated for you, you can read step-by-step instructions with screenshots and annotations in my&amp;nbsp;&lt;a href="https://www.reliablesoft.net/ebook/wordpress-seo-guide/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;WordPress SEO Guide&lt;/strong&gt;&lt;/a&gt;.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
5. On page SEO&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Once you finish with the technical SEO stuff, you can now concentrate on your On-page SEO. On Page SEO, as the name implies, has to do with the page (or post) and how you can optimize it better.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The most important elements that need attention are:&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Title&amp;nbsp;&lt;/strong&gt;– This is perhaps the most discussed element in SEO. The title of a page is very important since this is the first strong signal you can send to users and search engines and describe them in less than 60 characters, what the page is about.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
One of the examples I like to use to explain how to come up with a good page title, is the one used by Google AdSense.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Take a look at the screenshot below and notice how keywords blend nicely in the title followed by the product name.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="SEO page titles best practices" class="alignnone size-full wp-image-3829" height="268" sizes="(max-width: 1174px) 100vw, 1174px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-page-titles-example.jpg" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-page-titles-example-300x68.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-page-titles-example-768x175.jpg 768w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-page-titles-example-1024x234.jpg 1024w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-page-titles-example.jpg 1174w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="1174" /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
It’s not keyword stuffing to try and use keywords in your title, on the contrary you make search engines (and users) job easier. What would be keyword stuffing in this example, is to use a title like this:&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
“Make money online | Make Money | Make money with AdSense”&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Description&lt;/strong&gt;&amp;nbsp;– The same concepts apply to the meta description of the page. This part may be selected by Google to appear in the search results so it has to be descriptive and interesting to encourage users to click and visit your website.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
This is the description used by Google AdSense. Again, notice how they use the keywords “make money online”, “content monetization”, “make money”, in a way that is looks natural and appealing.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;H1 tags –&amp;nbsp;&lt;/strong&gt;Another on-page SEO element is the H1 tag. As mentioned above, this depends on how your theme is configured. What you should do is ensure that there is only one &amp;lt;h1&amp;gt; tag on the page.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The value of your H1 can be the same as you page title (this is usually the case with most WordPress themes), or it can be a close variation.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In the AdSense example, the H1 tag value is “AdSense, turn your passion into profit”.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Internal links&lt;/strong&gt;&amp;nbsp;– Links pointing to to other pages within your website are considered as internal links. You can use them to help users find out more information about a certain topic and at the same time you assist search engine crawlers in discovering more pages from your website.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
When adding internal links, you can use keywords in your anchor text, it’s not the same as external links but don’t overdo it. Keep your internal links short and add them only when it matters.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="SEO internal linking best practices" class="alignnone size-full wp-image-3830" height="762" sizes="(max-width: 1434px) 100vw, 1434px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-internal-links-practices.jpg" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-internal-links-practices-300x159.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-internal-links-practices-768x408.jpg 768w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-internal-links-practices-1024x544.jpg 1024w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-internal-links-practices.jpg 1434w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="1434" /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
For more information, read:&amp;nbsp;&lt;a href="https://www.reliablesoft.net/internal-linking-best-practices-for-seo/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;internal linking best practices&lt;/strong&gt;&lt;/a&gt;.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Outgoing links&lt;/strong&gt;&amp;nbsp;– It’s normal to have links within your content pointing to external websites. Google interprets these links as ‘votes of trust’ and are still one of the factors affecting the ranking position of a page.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
The problem about links in general is that they can be manipulated. A lot of webmasters in an attempt to improve their rankings, they may contact other webmasters asking them for links either for free, for a fee or by giving them others incentives (for example, sending free products for reviews).&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
How is this related to on-page SEO? If Google believes that the outgoing links in your page are part of a deal, your website will be penalized and your rankings and Google trust will drop.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In order to avoid such a situation, you should only link out when it benefits your user and you should avoid using keyword optimized anchor texts, unless it is natural to do.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Use the rel=”nofollow” tag in cases where you want to reference / recommend / review other products within your content.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="NoFollow Links best practices" class="alignnone size-full wp-image-3831" height="357" sizes="(max-width: 700px) 100vw, 700px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-no-follow-links.jpg" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-no-follow-links-300x153.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/seo-no-follow-links.jpg 700w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="700" /&gt;&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
6. Creating content that matches user intent&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Although content is part of the on-page SEO process, I added it as a separate section so that it gains more importance.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In the past when we were discussing about content and SEO, we concentrated on things like:&lt;/div&gt;
&lt;ul style="box-sizing: border-box; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Doing keyword research to find out what users search for&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Publishing articles with unique content that contained those keywords&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Rinse and repeat&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Things have changed.&amp;nbsp;&lt;a href="https://www.reliablesoft.net/10-content-marketing-tips-for-beginners/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Content marketing&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;is no longer about keywords but it’s also about understanding the user intent. Any piece of content that does not take into account what the searcher is looking for when typing a particular keyword in Google, then it has no chances of gaining high rankings.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Google is able to understand user intent with the help of&amp;nbsp;&lt;a href="http://searchengineland.com/faq-all-about-the-new-google-rankbrain-algorithm-234440" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Rank Brain&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;(their new automated system that is part of the ranking algorithm) and that’s how they managed to keep their users happy and their reputation high.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
As webmasters and SEO’s, we can utilize this knowledge to help us create better content. How? By searching for a keyword in Google and carefully examining the type of content (both in terms of format and meaning) of the websites that appear in the first 5 positions.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
So the new refined SEO copywriting process becomes:&lt;/div&gt;
&lt;ul style="box-sizing: border-box; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Perform keyword research to find out what users are searching in Google related to your niche.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;For each of the candidate keywords examine carefully the results in Google search and understand the user intent.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Create content that is detailed, insightful, SEO friendly but at the same time satisfying the user intent.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Rinse and repeat.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
How is content related to WordPress SEO? Even if you get the technical and on-page SEO part correct, you still cannot achieve high rankings without great content. That’s why it’s important not to forget about the role of content when talking about rankings and SEO either using WordPress or any other platform.&lt;/div&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
7. Off-Page SEO&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;a href="https://www.reliablesoft.net/what-is-off-page-seo/" style="box-sizing: border-box; color: #2361a1; text-decoration: none; transition: all 0.1s ease-in-out;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Off page SEO&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;is the last piece of the puzzle for optimizing your WordPress website. So far all actions performed had to do with changes or settings you can adjust within your website. Off page SEO is about giving search engines more reasons to trust your website more than others.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;img alt="Google rankings and backlinks" class="alignnone size-full wp-image-3832" height="699" sizes="(max-width: 738px) 100vw, 738px" src="https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rankings-and-backlinks.png" srcset="https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rankings-and-backlinks-300x284.png 300w, https://www.reliablesoft.net/wp-content/uploads/2016/04/google-rankings-and-backlinks.png 738w" style="border: 0px; box-sizing: border-box; height: auto; margin-bottom: 0.75rem; max-width: 100%; width: auto;" width="738" /&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Source&lt;/strong&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Link building:&lt;/strong&gt;&amp;nbsp;The most popular off-page SEO technique by far is link building. It’s a huge topic on it’s own and something that many beginners find difficult to understand and implement.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
What you should understand about link building are the following:&lt;/div&gt;
&lt;ul style="box-sizing: border-box; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Stay away from bad linking practices (buying links, link exchanges etc.)&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Stay way from easy to get links (spam links in comments, article directories)&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Stay way from links coming from low quality websites or blogs&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Bad links (like those described above), are not harmless, they can actually damage your rankings and put your website into trouble (think Google Penalties).&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;Natural links&lt;/strong&gt;&amp;nbsp;are good and welcomed.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
&lt;strong style="box-sizing: border-box; font-weight: 700;"&gt;How do you get good links?&lt;/strong&gt;&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
In short, the best ways to get strong links that will make a difference in rankings are:&lt;/div&gt;
&lt;ul style="box-sizing: border-box; margin: 0px 0px 1.563rem 20px; padding: 0px;"&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Publish great content (see point 6 above) that is worthy of links&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Position your content in front of the people that are more likely to link to it (social media is of great help in this manner)&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Build connections with other bloggers in your industry and keep them updated whenever you have new content published. If the content is good and related to their business they may decide to naturally link to it.&lt;/li&gt;
&lt;li style="box-sizing: border-box; list-style-type: disc; margin-top: 10px;"&gt;Write superb content and get it published on reputable websites bigger than yours (guest posting).&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 style="box-sizing: border-box; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; margin: 0px 0px 1rem; padding: 0px;"&gt;
Key Points&lt;/h2&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
If you are a beginner to WordPress SEO, you need to understand that there are more than one factors that play a role in rankings.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
First you need to start with your website and check your WordPress theme, hosting and security. Then you need to thoroughly check your technical SEO and ensure that search engine bots can access and understand your website’s content and structure.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Next, you need to worry about your on-page SEO. This is the part where you can send many ‘signals’ to search engines about the meaning of your content and purpose of your page.&lt;/div&gt;
&lt;div style="box-sizing: border-box; margin: 0px 0px 1.563rem; padding: 0px; transition: all 0.5s;"&gt;
Finally, don’t for a moment forget that long term success comes through the quality of your content and how other websites on the Internet think of your website (that’s off-page SEO).&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/7-best-wordpress-seo-practices-for.html</link><author>noreply@blogger.com (Unknown)</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-7499573509460791034</guid><pubDate>Sat, 02 Apr 2016 19:29:00 +0000</pubDate><atom:updated>2016-04-02T12:29:41.012-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Marketing</category><title>Six marketing skills every business needs in 2016</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="" style="clear: both; text-align: left;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIRq1Vw7yM7If4Vxft-DAJkRaAFuM_-TxLDrF_xjf8FN_MEFC5TRW8w5ofVzkimEsGf3HOrGJxojxDfZ7w_9USZv3hHrPs08LKp_6n9fTWCFi7MNEtZ164sUBTGvvpOvNTgwhYbNXZU5Y/s1600/1_largearticleimage300x210.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"&gt;&lt;img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIRq1Vw7yM7If4Vxft-DAJkRaAFuM_-TxLDrF_xjf8FN_MEFC5TRW8w5ofVzkimEsGf3HOrGJxojxDfZ7w_9USZv3hHrPs08LKp_6n9fTWCFi7MNEtZ164sUBTGvvpOvNTgwhYbNXZU5Y/s320/1_largearticleimage300x210.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-size: large;"&gt;There are six key marketing skills every modern business needs in 2016, and now is the time to ensure your employees possess them.&lt;/span&gt;&lt;/h3&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: #555859; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 14.004px; line-height: 19.6056px;"&gt;Marketing is a continually evolving business discipline that requires a very specific set of skills. The continuing rise of digital marketing, along with the growing influence of social media, means 21st century businesses have to stay ahead of the game when it comes to recruitment and employee development.&lt;/span&gt;&lt;/div&gt;
&lt;div class="clearfix" id="email-a-friend" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-width: 0px 0px 1px; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 14.16px; line-height: 16.8px; margin: 0px; max-height: 0px; opacity: 0; padding: 0px; transition: all 1s; vertical-align: baseline;"&gt;
&lt;form action="http://www.smallbusiness.co.uk/sendmail.php#email" method="post" name="emailfriend" style="border: 0px; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;fieldset style="border: 0px; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;ol class="form" style="border: 0px; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; list-style-type: none; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;&lt;br /&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;&lt;br /&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;&lt;br /&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;&lt;br /&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/label&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;label for="your-email" style="border: 0px; color: #475053; display: inline-block; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline; width: 155.109px;"&gt;email:&amp;nbsp;&lt;span style="border: 0px; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;*&lt;/span&gt;&lt;/label&gt;&amp;nbsp;&lt;input id="your-email" maxlength="255" name="sender" style="width: 372.281px;" type="text" /&gt;&amp;nbsp;&lt;img alt="" src="http://www.smallbusiness.co.uk/images/blank.gif" height="20" style="border: 0px; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="20" /&gt;&lt;/li&gt;
&lt;li style="border: 0px; color: #555859; font-family: inherit; font-size: 14.16px; font-style: inherit; font-weight: inherit; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/fieldset&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
&lt;div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal; line-height: normal;"&gt;
&lt;/div&gt;
&lt;/h3&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
&amp;nbsp;1. Customer relationship management (CRM) skills&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
The employees in your organisation need to possess modern CRM skills simply to keep up with the competition. CRM in the 21st century involves a range of very different skills, including programming, database development, networking and the effective use of telecommunications. This element of business is crucial to keeping customers satisfied and loyal, which is why your organisation simply can’t afford to be deficient in the relevant skills.&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
2. Knowledge of web technologies&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
A growing number of consumers are turning to online resources in order to find products and services, or to look for recommendations and reviews. Whether your business uses a website, a mobile app or a strong presence on social media, your team needs to possess the necessary skills to use these channels effectively.&lt;/div&gt;
&lt;/div&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
The user experience online is a crucial element of marketing. Your products or services need to be accessible, described accurately and portrayed in the best possible light. This requires skills in everything from programming to copy writing.&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
3. Communication&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
In many ways, marketing is a synonym for communication. Marketing is all about getting your message across to your target audience in a way that engages and informs. If your employees don’t possess the communication skills needed to portray your services or products in a concise and eloquent way, you will struggle to win the trust of customers.&lt;/div&gt;
&lt;/div&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
Communication is a prerequisite for success in marketing, which is why Dale Carnegie Training offers the ‘Effective Communications &amp;amp; Human Relations/Skills for Success’ course. This professional training has the ultimate aim of helping marketing professionals to improve their interpersonal relationships and become more persuasive communicators.&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
4. The ability to identify the benefits of a product&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
You might be very proud of how your product is made, or of the processes that allow you to deliver the excellent services you offer. Unfortunately, this counts for very little with the average consumer. The priority for your average customer is the benefits you are providing.&lt;/div&gt;
&lt;/div&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
The ability to strip away technical details and information concerning the features of a product or service is crucial to the delivery of effective marketing campaigns. It is crucial that you let your potential customers know how your product can enhance their life or improve their business.&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
5. Networking&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
Perhaps the most powerful marketing weapon of all is ‘word of mouth’. By striking up professional relationships, and friendships where appropriate, you can build a level of trust and loyalty among your client base that just isn’t possible through the written word. The ability to influence others and foster a spirit of mutual trust is crucial to successful networking.&lt;/div&gt;
&lt;/div&gt;
&lt;h3 style="border: 0px; color: #475053; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 20.3058px; line-height: 1.2em; margin: 0px 0px 9px; padding: 0px; text-align: justify; vertical-align: baseline;"&gt;
6. Data analysis skills&lt;/h3&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
Extrapolating a mountain of data into concise, logical trends and useful information can be tough. By using the statistics and huge amounts of raw data that are now available in the digital age, your company can hone its marketing strategies, and make them more cost-effective than ever.&lt;/div&gt;
&lt;/div&gt;
&lt;div style="border: 0px; color: #555859; font-family: 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 14.004px; line-height: 1.4em; margin-bottom: 9px; padding: 0px; vertical-align: baseline;"&gt;
&lt;div style="text-align: justify;"&gt;
If you feel that your organisation lacks these vital marketing skills,&amp;nbsp;&lt;strong&gt;&lt;a href="https://www.jivjav.com/" style="border: 0px; color: #00558a; font-family: inherit; font-size: 14.004px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;search the Jivjav&lt;/a&gt;&lt;/strong&gt;&amp;nbsp;online marketplace for professional training courses today. There are thousands of courses available to book in just minutes. Utilising the Jivjav platform for all your training needs allows you to further your business interests and progress the development of your employees easily and cost effectively.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/04/six-marketing-skills-every-business_38.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIRq1Vw7yM7If4Vxft-DAJkRaAFuM_-TxLDrF_xjf8FN_MEFC5TRW8w5ofVzkimEsGf3HOrGJxojxDfZ7w_9USZv3hHrPs08LKp_6n9fTWCFi7MNEtZ164sUBTGvvpOvNTgwhYbNXZU5Y/s72-c/1_largearticleimage300x210.jpg" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8658591379086115157.post-6703580439635299361</guid><pubDate>Sat, 26 Mar 2016 17:38:00 +0000</pubDate><atom:updated>2016-03-26T10:38:13.896-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Link Building</category><title>Link Building</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h3 style="background-color: white; color: #393939; line-height: 1.3em; margin-bottom: 20px; margin-top: 20px; padding: 0px 0px 3px; text-align: left;"&gt;
&lt;i&gt;&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;Why Link Building Need&lt;/span&gt;&lt;/i&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif; font-size: 13.3333px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; color: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 13.3333px; line-height: 1.3em; margin-bottom: 20px; margin-top: 20px; padding: 0px 0px 3px;"&gt;
One of the most important elements in creating Search Engine Optimization (SEO) content for elevated rankings is link building. If a business is looking for long-term success in their online presence, taking advantage of this technology is a valuable opportunity to rise in rankings. Choosing the method of building links that brings the best possible search engine results is imperative.A business’ online presence should benefit from the time spent creating the link relationship.&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-LjMkcYuKjJ6ViUrvQ4FNu8b8DPV7XGmB6CbNj5m-ofJ3l6QeCIEKGBF7RyFVKgKPgJQ8V9YkJQjhpn5sqRUyL8XBfd8_xwMrmwn0nWQU9cma1u9LN7cr5jYkvLVC25DDesxqVeJqhQtl/s1600/linkbuilding_google_2-e1402477425935.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-LjMkcYuKjJ6ViUrvQ4FNu8b8DPV7XGmB6CbNj5m-ofJ3l6QeCIEKGBF7RyFVKgKPgJQ8V9YkJQjhpn5sqRUyL8XBfd8_xwMrmwn0nWQU9cma1u9LN7cr5jYkvLVC25DDesxqVeJqhQtl/s400/linkbuilding_google_2-e1402477425935.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Link Building&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="background-color: white; color: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 13.3333px; line-height: 1.3em; margin-bottom: 20px; margin-top: 20px; padding: 0px 0px 3px;"&gt;
Some linking happens organically with sites and pages referencing a business or the site content. Searching through directory listings of similar industry sites for linking opportunities is another traffic increasing option for online content managers. Utilizing existing online relationships for to build links is one way to increase traffic to your site. Emails to bloggers for reciprocal links can be an excellent way to build online reputations and utilize the process to a company’s best advantage. Beyond the contact point with bloggers or online content creators, submitting links to directories is another way to increase search engine rankings. Visitors to a business site can also be valuable elements in the process. Customers can be involved through signature links, reciprocal link-backs, comments or posted profiles. Businesses can then build traffic through the link connections created. Caution should be exercised that this type of linking shouldn’t be automatically generated or perceived as spam on the linking sites.&lt;/div&gt;
&lt;div style="background-color: white; color: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 13.3333px; line-height: 1.3em; margin-bottom: 20px; margin-top: 20px; padding: 0px 0px 3px;"&gt;
All of these methods can take time away from business growth and require a solid knowledge of SEO concepts. If the time and cost of building links internally is prohibitive, companies can utilize a link service to create the relationship between sites. These services can create a solid backlink for online presences that integrates anchor text links to increase traffic. Companies can benefit from using a service when they have a less-cluttered site without links to an extended list of companies. When choosing a company to create links for increased rankings, businesses should consider a company with proven results, high page rank site placement, auto-pinging and permanent links. This cost and time-effective method of using an external company works to increase a company’s ranking through better indexing and relevant links. Considering the benefits of building link relationships internally or through a link service can net companies increased rankings and a strong back link.&lt;/div&gt;
&lt;/div&gt;
</description><link>http://seopedias.blogspot.com/2016/03/link-building.html</link><author>noreply@blogger.com (Unknown)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-LjMkcYuKjJ6ViUrvQ4FNu8b8DPV7XGmB6CbNj5m-ofJ3l6QeCIEKGBF7RyFVKgKPgJQ8V9YkJQjhpn5sqRUyL8XBfd8_xwMrmwn0nWQU9cma1u9LN7cr5jYkvLVC25DDesxqVeJqhQtl/s72-c/linkbuilding_google_2-e1402477425935.png" width="72"/></item></channel></rss>