<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>The Code Developer</title><description>Learn Free HTML and HTML5 tags and CSS/CSS3 for free.It will help you to become a web developer of html website.Then you can create your own HTML website.</description><managingEditor>noreply@blogger.com (Barjinder)</managingEditor><pubDate>Thu, 24 Oct 2024 22:54:53 +0530</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">23</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>https://androidbarclub.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Learn Free HTML and HTML5 tags and CSS/CSS3 for free.It will help you to become a web developer of html website.Then you can create your own HTML website.</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><title>HTML Text Formatting | HTML Formatting Elements</title><link>https://androidbarclub.blogspot.com/2017/04/html-text-formatting-html-formatting.html</link><category>HTML Text Formatting</category><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Wed, 12 Apr 2017 17:59:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-1315796715875626759</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h3 style="box-sizing: inherit; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"&gt;
&lt;span style="color: #666666;"&gt;Text Formatting&lt;/span&gt;&lt;/h3&gt;
&lt;div class="w3-white w3-padding notranslate" style="background-color: rgb(255, 255, 255) !important; box-sizing: inherit; padding: 8px 16px !important;"&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;b style="box-sizing: inherit;"&gt;&lt;span style="color: #cc0000; font-size: large;"&gt;This text is bold&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;i style="box-sizing: inherit;"&gt;&lt;span style="color: #38761d; font-size: large;"&gt;This text is italic&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #351c75; font-size: large;"&gt;This is&lt;span style="bottom: -0.25em; box-sizing: inherit; line-height: 0; position: relative; vertical-align: baseline;"&gt;&amp;nbsp;subscript&lt;/span&gt;&amp;nbsp;and&amp;nbsp;&lt;span style="box-sizing: inherit; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;superscript&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;span style="box-sizing: inherit; font-size: 11.25px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;span style="box-sizing: inherit; font-size: 11.25px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;span style="box-sizing: inherit; font-size: 11.25px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;span style="box-sizing: inherit; font-size: 11.25px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h2 style="box-sizing: inherit; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
HTML Formatting Elements&lt;/h2&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;In the previous chapter, you learned about the HTML&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;style attribute&lt;/strong&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;HTML also defines special&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;elements&lt;/strong&gt;&amp;nbsp;for defining text with a special&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;meaning&lt;/strong&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;HTML uses elements like &amp;lt;b&amp;gt; and &amp;lt;i&amp;gt; for formatting output, like&amp;nbsp;&lt;b style="box-sizing: inherit;"&gt;bold&lt;/b&gt;&amp;nbsp;or&amp;nbsp;&lt;i style="box-sizing: inherit;"&gt;italic&lt;/i&gt;&amp;nbsp;text.&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Formatting elements were designed to display special types of text:&lt;/span&gt;&lt;/div&gt;
&lt;div style="box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;span style="box-sizing: inherit; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #38761d; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;ul style="text-align: left;"&gt;
&lt;li&gt;&amp;lt;b&amp;gt; - Bold text&lt;/li&gt;
&lt;li&gt;&amp;lt;strong&amp;gt; - Important text&lt;/li&gt;
&lt;li&gt;&amp;lt;i&amp;gt; - Italic text&lt;/li&gt;
&lt;li&gt;&amp;lt;em&amp;gt; - Emphasized text&lt;/li&gt;
&lt;li&gt;&amp;lt;mark&amp;gt; - Marked text&lt;/li&gt;
&lt;li&gt;&amp;lt;small&amp;gt; - Small text&lt;/li&gt;
&lt;li&gt;&amp;lt;del&amp;gt; - Deleted text&lt;/li&gt;
&lt;li&gt;&amp;lt;ins&amp;gt; - Inserted text&lt;/li&gt;
&lt;li&gt;&amp;lt;sub&amp;gt; - Subscript text&lt;/li&gt;
&lt;li&gt;&amp;lt;sup&amp;gt; - Superscript text&lt;/li&gt;
&lt;/ul&gt;
&lt;/span&gt;&lt;div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;HTML &amp;lt;b&amp;gt; and &amp;lt;strong&amp;gt; Elements&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;The HTML &amp;lt;b&amp;gt; element defines bold text, without any extra importance.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #274e13; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;b&amp;gt;This text is bold&amp;lt;/b&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
The HTML &amp;lt;strong&amp;gt; element defines strong text, with added semantic "strong" importance.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-size: x-large;"&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;strong&amp;gt;This text is strong&amp;lt;/strong&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-size: x-large;"&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;i&amp;gt; and &amp;lt;em&amp;gt; Elements&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;i&amp;gt; element defines italic text, without any extra importance.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;i&amp;gt;This text is italic&amp;lt;/i&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;em&amp;gt; element defines emphasized text, with added semantic importance.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #274e13;"&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;em&amp;gt;This text is emphasized&amp;lt;/em&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-size: x-large;"&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;small&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;small&amp;gt; element defines smaller text:&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #274e13;"&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;h2&amp;gt;HTML &amp;lt;small&amp;gt;Small&amp;lt;/small&amp;gt; Formatting&amp;lt;/h2&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;mark&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;mark&amp;gt; element defines marked or highlighted text:&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;h2&amp;gt;HTML &amp;lt;mark&amp;gt;Marked&amp;lt;/mark&amp;gt; Formatting&amp;lt;/h2&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;del&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;del&amp;gt; element defines deleted (removed) text.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;p&amp;gt;My favorite color is &amp;lt;del&amp;gt;blue&amp;lt;/del&amp;gt; red.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;ins&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;ins&amp;gt; element defines inserted (added) text.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;p&amp;gt;My favorite &amp;lt;ins&amp;gt;color&amp;lt;/ins&amp;gt; is red.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;sub&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;sub&amp;gt; element defines subscripted text.&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #274e13;"&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;This is &amp;lt;sub&amp;gt;subscripted&amp;lt;/sub&amp;gt; text.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML &amp;lt;sup&amp;gt; Element&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
The HTML &amp;lt;sup&amp;gt; element defines superscripted text.&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Verdana, sans-serif;"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #990000; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;p&amp;gt;This is &amp;lt;sup&amp;gt;superscripted&amp;lt;/sup&amp;gt; text.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
HTML Text Formatting Elements&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
Tag&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Description&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;b&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines bold text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;em&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines emphasized text&amp;nbsp;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;i&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines italic text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;small&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines smaller text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;strong&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines important text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;sub&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines subscripted text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;sup&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines superscripted text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;ins&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines inserted text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;del&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines deleted text&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif;"&gt;
&amp;lt;mark&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Defines marked/highlighted text&lt;/div&gt;
&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; font-size: x-large;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #666666; font-family: Verdana, sans-serif; text-align: left;"&gt;
&lt;span style="font-size: x-small;"&gt;Data Source: www.w3schools.com&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">4</thr:total></item><item><title>HTML Paragraphs Tags | Pagargraph Tags in HTML</title><link>https://androidbarclub.blogspot.com/2017/03/html-paragraphs-tags-pagargraph-tags-in.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Mon, 20 Mar 2017 17:58:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-2667355822961532386</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="color: #666666;"&gt;HTML Paragraphs&lt;/span&gt;&lt;/h2&gt;
&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;The HTML &amp;lt;p&amp;gt; element defines a paragraph:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;MY First paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;MY Second paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;MY Thrid paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87eGRMX-D5uJnZ4zVb-UF35YEhMmvxL0RvliKMLlmQp89KaXfG1X3HwGYSZa9fVq0PsaFf6PE-uBF4R_AlWoyG327BUhyOz_GQPblNqADKqsdU8J-r2WTt15-y59cU41rnAIsqc2DZuw/s1600/para1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;span style="color: #666666;"&gt;&lt;img alt="HTML Paragraphs Tags | Pagargraph Tags in HTML" border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87eGRMX-D5uJnZ4zVb-UF35YEhMmvxL0RvliKMLlmQp89KaXfG1X3HwGYSZa9fVq0PsaFf6PE-uBF4R_AlWoyG327BUhyOz_GQPblNqADKqsdU8J-r2WTt15-y59cU41rnAIsqc2DZuw/s640/para1.png" title="HTML Paragraphs Tags | Pagargraph Tags in HTML" width="640" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;HTML Display&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;You cannot be sure how HTML will be displayed.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Large or small screens, and resized windows will create different results.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The browser will remove any extra spaces and extra lines when the page is displayed:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;This paragraph&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;contains a lot of lines&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;in the source code,&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;but the browser&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;ignores it.&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;This paragraph&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;contains &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; a lot of spaces&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;in the source &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; code,&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;but the &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;browser&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;ignores it.&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Don't Forget the End Tag&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Most browsers will display HTML correctly even if you forget the end tag:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;p&amp;gt;This is a paragraph.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;p&amp;gt;This is another paragraph.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;HTML Line Breaks&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The HTML &amp;lt;br&amp;gt; element defines a line break.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Use &amp;lt;br&amp;gt; if you want a line break (a new line) without starting a new paragraph:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;This is&amp;lt;br&amp;gt;a paragraph&amp;lt;br&amp;gt;with line breaks.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The Poem Problem&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;This poem will display on a single line:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;Example&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; My Bonnie lies over the ocean.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; My Bonnie lies over the sea.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; My Bonnie lies over the ocean.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; Oh, bring back my Bonnie to me.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #666666; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The HTML &amp;lt;pre&amp;gt; Element&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The HTML &amp;lt;pre&amp;gt; element defines preformatted text.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-size: large;"&gt;The text inside a &amp;lt;pre&amp;gt; element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks: &lt;/span&gt;&amp;nbsp;&lt;b&gt;&lt;a href="https://www.w3schools.com/html/html_paragraphs.asp" target="_blank"&gt;Read More.....&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87eGRMX-D5uJnZ4zVb-UF35YEhMmvxL0RvliKMLlmQp89KaXfG1X3HwGYSZa9fVq0PsaFf6PE-uBF4R_AlWoyG327BUhyOz_GQPblNqADKqsdU8J-r2WTt15-y59cU41rnAIsqc2DZuw/s72-c/para1.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>The HTML Style Attribute | HTML Style</title><link>https://androidbarclub.blogspot.com/2017/03/the-html-style-attribute-html-style.html</link><author>noreply@blogger.com (Barjinder)</author><pubDate>Fri, 3 Mar 2017 17:58:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-6698882278108726281</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
HTML Styles&lt;br /&gt;
&lt;br /&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/AVvXsEhHLejf8X7aUe3xzOqBkumYrgmxvlOIIDkZ-FE3ussFbn-OtcbbzfpcCAFslSVrHjxaVdP3xvH2plIRdCa3nyLjsu01X8DBi30a4OGXK_-TLLKXaQvEl9BQuBXfFcR3pOJZhEoU270kSvM/s1600/style.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img alt="The HTML Style Attribute" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLejf8X7aUe3xzOqBkumYrgmxvlOIIDkZ-FE3ussFbn-OtcbbzfpcCAFslSVrHjxaVdP3xvH2plIRdCa3nyLjsu01X8DBi30a4OGXK_-TLLKXaQvEl9BQuBXfFcR3pOJZhEoU270kSvM/s640/style.png" title="The HTML Style Attribute" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The HTML Style Attribute&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="background-color: white; box-sizing: inherit; font-weight: 400; margin: 10px 0px; text-align: left;"&gt;
&lt;span style="color: #444444; font-family: Verdana, sans-serif; font-size: x-large;"&gt;The HTML Style Attribute&lt;/span&gt;&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;Setting the style of an HTML element, can be done with the&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;style attribute&lt;/strong&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;The HTML style attribute has the following&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;strong style="box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;syntax&lt;/strong&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 15px;"&gt;:&lt;/span&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;tagname style="&lt;em style="background-color: transparent; box-sizing: inherit;"&gt;property&lt;/em&gt;:&lt;em style="background-color: transparent; box-sizing: inherit;"&gt;value;&lt;/em&gt;"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-size: 15px;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;span style="font-size: 16px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;The property is a CSS property. The value is a CSS value.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;You will learn more about CSS later in this tutorial.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #444444; font-family: Verdana, sans-serif; font-size: x-large;"&gt;HTML Background Color&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;The background-color property defines the background color for an HTML element.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;This example sets the background color for a page to powderblue:&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;Example&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;body style="background-color:powderblue;"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;h1&amp;gt;This is a heading&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;/body&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: inherit; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
&lt;span style="color: #666666;"&gt;HTML Text Color&lt;/span&gt;&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;color&lt;/strong&gt;&amp;nbsp;property defines the text color for an HTML element:&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;Example&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;h1 style="color:blue;"&amp;gt;This is a heading&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p style="color:red;"&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif;"&gt;&lt;span style="font-size: 15px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h2 style="background-color: white; box-sizing: inherit; font-family: &amp;quot;Segoe UI&amp;quot;, Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;"&gt;
&lt;span style="color: #444444;"&gt;HTML Fonts&lt;/span&gt;&lt;/h2&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;The&amp;nbsp;&lt;strong style="box-sizing: inherit;"&gt;font-family&lt;/strong&gt;&amp;nbsp;property defines the font to be used for an HTML element:&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;Example&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;h1 style="font-family:verdana;"&amp;gt;This is a heading&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p style="font-family:courier;"&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;HTML Text Size&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;The font-size property defines the text size for an HTML element:&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: #666666; font-family: Verdana, sans-serif; font-size: large;"&gt;Example&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;h1 style="font-size:300%;"&amp;gt;This is a heading&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit;"&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p style="font-size:160%;"&amp;gt;This is a paragraph.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif;"&gt;
&lt;span style="color: #3d85c6; font-size: large;"&gt;&lt;b&gt;&lt;a href="https://www.w3schools.com/html/html_styles.asp" target="_blank"&gt;Read More...&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLejf8X7aUe3xzOqBkumYrgmxvlOIIDkZ-FE3ussFbn-OtcbbzfpcCAFslSVrHjxaVdP3xvH2plIRdCa3nyLjsu01X8DBi30a4OGXK_-TLLKXaQvEl9BQuBXfFcR3pOJZhEoU270kSvM/s72-c/style.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>HtML Class Attribute | Use CSS through Classs Atribute</title><link>https://androidbarclub.blogspot.com/2017/03/html-class-attribute-use-css-css3.html</link><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 2 Mar 2017 17:48:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-3085533590020685159</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: large;"&gt;The HTML class attribute makes it possible to define equal styles for elements with the same class name.&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: large;"&gt;Here we have three &amp;lt;div&amp;gt; elements that points to the same class name:&lt;/span&gt;&lt;br&gt;
&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;html&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;head&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;style&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;div.info {&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;    background-color: black;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;    color: white;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;    margin: 20px 0 20px 0;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;    padding: 20px;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;} &lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;/style&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;/head&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;body&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;div class=&amp;quot;info&amp;quot;&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;h2&amp;gt;Leonardo Da Vinci&amp;lt;/h2&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;His keen eye and quick mind led him to make important scientific discoveries, yet he never published his ideas. He was a vegetarian who loved animals and despised war, yet he worked as a military engineer to invent advanced and deadly weapons.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;div class=&amp;quot;info&amp;quot;&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;h2&amp;gt;Nikola Tesla&amp;lt;/h2&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;Inventor Nikola Tesla contributed to the development of the alternating-current electrical system that&amp;#39;s widely used today and discovered the rotating magnetic field.&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #cc0000; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2017/03/html-class-attribute-use-css-css3.html#more"&gt;Read more »&lt;/a&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Database Connection in PHP | How to create connection in php with database</title><link>https://androidbarclub.blogspot.com/2016/11/database-connection-in-php-how-to-connect-database-php.html</link><category>PHP</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 3 Nov 2016 19:06:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-3989295877987673823</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;span style="font-size: x-large;"&gt;Database Connection in PHP&lt;/span&gt;&lt;/h1&gt;
&lt;br&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;Php&lt;/b&gt; support many types of &lt;b&gt;database like SQL,MySQL,Oracle and other Microsoft database such as ODBC etc.&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;To create a&lt;b&gt; connection to database&lt;/b&gt; with the help of &lt;b&gt;PHP&lt;/b&gt;.You must have a server installed locally or remotely.If you buy web hosting on the internet you must know the &lt;b&gt;databas&lt;/b&gt;e host name and password to connect to the database you created on that server.&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;Or if you don&amp;#39;t have such type hosting you can make your computer as a server for this you have to install the server on your local computer.&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;To know how to make your Computer as server Please Follow the Link below:&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/11/database-connection-in-php-how-to-connect-database-php.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgkC-Q6n3kTexFHn4bhwoYVIuhfEdwiqfVek8Ye9HDl-etWSGNm6HQKmSaqSOOa8An1mfte7lWq7rySpeNRTEvbN7VU3LzT14Dl_0qRhdUJMRHbmhi4RHqX4cKJLntObObN53v4_GOg-A/s72-c/con1-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Class in PHP | How create classes in PHP</title><link>https://androidbarclub.blogspot.com/2016/10/class-in-php-how-create-classes-in-php.html</link><category>PHP</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Sun, 23 Oct 2016 19:15:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-7360348291115631101</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Classes in PHP&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Php Classes.Classes in Php is a new concept like C++.It covers the OOPs concept in PHP.OOPs stands for Object Oriented Programming.you can create classes in PHP like c++ with functions.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;To do this:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;class abc&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;function add1()&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$a=10;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$b=20;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$c=$a+$b;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;echo $c;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$obj=new abc;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$obj-&amp;gt;add1();&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;In the above PHP&amp;nbsp;class example, we create a class with name "abc" also create function name "add1"&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;we declare two variable a and b and assign them value.Add them and assign the result to another variable c and show the result with echo command.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;After this, we create an object of the class and call the function using that object.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;We can add multiple&amp;nbsp;classes and functions&amp;nbsp;in PHP&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;class abc&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;function add1()&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$a=10;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$b=20;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$c=$a+$b;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;echo $c;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;function mul()&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$a=10;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$b=20;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$c=$a*$b;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;echo $c;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$obj=new abc;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$obj-&amp;gt;add1();&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;echo "&amp;lt;/br&amp;gt;";&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;$obj-&amp;gt;mul();&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;PHP Class&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25rWrKeYyjQtb6zxwrGo1e9kCB_YHTEnIIdYyDurihR57SFOqL7-fgIFhSWPCWbWayZ0nSLhGXWyHMAEW2eoClDPyLRfJ1Ih4l2iBREm4eN710Fb96ynh15-0I2CbeqCeEoYe8bk91ew/s1600/class-min+%25281%2529.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img alt="Php Class" border="0" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25rWrKeYyjQtb6zxwrGo1e9kCB_YHTEnIIdYyDurihR57SFOqL7-fgIFhSWPCWbWayZ0nSLhGXWyHMAEW2eoClDPyLRfJ1Ih4l2iBREm4eN710Fb96ynh15-0I2CbeqCeEoYe8bk91ew/s640/class-min+%25281%2529.png" title="Php Class" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Php Class&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="color: #666666; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25rWrKeYyjQtb6zxwrGo1e9kCB_YHTEnIIdYyDurihR57SFOqL7-fgIFhSWPCWbWayZ0nSLhGXWyHMAEW2eoClDPyLRfJ1Ih4l2iBREm4eN710Fb96ynh15-0I2CbeqCeEoYe8bk91ew/s72-c/class-min+%25281%2529.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>What is PHP ? Full form of PHP</title><link>https://androidbarclub.blogspot.com/2016/10/what-is-php-full-form-of-php.html</link><category>PHP</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Wed, 5 Oct 2016 10:10:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-1247459723018112227</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;PHP&lt;/span&gt;&lt;/b&gt;&lt;/h1&gt;
&lt;!-- PHP --&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;What is PHP?&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;1.&lt;/span&gt;&lt;b&gt;PHP&lt;/b&gt;&lt;span style="color: #666666;"&gt; stands for&lt;/span&gt;&lt;b&gt; &lt;i&gt;Hypertext Preprocessor&lt;/i&gt;&lt;/b&gt;&lt;span style="color: #666666;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;2.PHP is a server-side script.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;3.PHP is executed by the browsers.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;4.PHP is free service.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;PHP&lt;/b&gt; is a server scripting language, and a powerful tool for making dynamic and interactive Web pages and websites.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;PHP&lt;/b&gt; is a widely-used, free, and efficient language for website creation.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;br&gt;
&lt;!-- PHP --&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;PHP &lt;/b&gt;file using &lt;/span&gt;&lt;span style="color: #cc0000; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;i&gt;.php&lt;/i&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt; extension for saving php files.&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;PHP&lt;/b&gt; Syntax:&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/10/what-is-php-full-form-of-php.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVS1bdPIWHqfWCmlmMTo2JRihxRT7AauQ_7kk-ru0MnVpipTY9WM2V2qTYEyMQZ5HUuVAHGwD05ymG8ApLnFKOOLlE2asLix6B76gJYsz-qh_lNudFDhUCIKQLYj6NaurKr-eg3RgRYE/s72-c/php1-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>HTML iframes tag | How to use html iframe tags in web page</title><link>https://androidbarclub.blogspot.com/2016/09/html-iframes-tag-how-to-use-html-iframe.html</link><category>html iframe</category><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Mon, 26 Sep 2016 17:25:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-6852250874054975349</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
HTML Iframe tags.&lt;/h1&gt;
&lt;!--HTML iframes tag--&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;HTML iframe tags&lt;/b&gt; are used to display a web page within a web page.so, we can say that &lt;b&gt;Html Iframe tags&lt;/b&gt; are used to display a web page as a part of another web page.&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;Html Iframe tag &lt;/b&gt;defined with &amp;lt;iframe&amp;gt; &amp;lt;/iframe&amp;gt; tags within the body &amp;lt;body&amp;gt; &amp;lt;/body&amp;gt; tag of web page.&lt;/span&gt;&lt;br&gt;
&lt;!--HTML iframes tag--&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;b&gt;Html Iframe&lt;/b&gt; Syntax:&lt;/span&gt;&lt;br&gt;
&lt;!--HTML iframes tag--&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;iframe src=&amp;quot;url&amp;quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;i&gt;&lt;b&gt;&amp;quot;src&amp;quot;&lt;/b&gt;&lt;/i&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt; attribute defines the address or path of the iframe webpage&lt;/span&gt;&lt;br&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/09/html-iframes-tag-how-to-use-html-iframe.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiruQjduRB_76GZFDXclGthCgj4DtsB72gQq78zUlfwNjIO54aTxyZFJY9LC2MFtU_Cxq84XRvWE-fcnptFkGtoOuqVl8OD2UeiycqoL3mPeH11rfFbymFC5WIyXoqzGGywp0pBRCwnJQY/s72-c/Html-Iframe-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Html Class | Class in Html | how to use class in html</title><link>https://androidbarclub.blogspot.com/2016/09/html-class-class-in-html-how-to-use-class-in-html.html</link><category>Learn css and Learn css3</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Sat, 17 Sep 2016 11:46:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-8799420641624893517</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
Html Class: Html Class attribute is used to define styles for Html elements with the same class name.&lt;/h1&gt;
&lt;!--how to use the class in HTML--&gt;

&lt;br&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: white;"&gt;how to use the class in HTML&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;you can use the&lt;b&gt; Html class&lt;/b&gt; attribute to define the &lt;b&gt;styles&lt;/b&gt; for elements for different elements with the same class name.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style="visibility: hidden;"&gt;
how to use the class in HTML&lt;/div&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;Html class&lt;/b&gt; Example:&lt;/span&gt;&lt;/div&gt;
&lt;!--how to use the class in HTML--&gt;

&lt;br&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;1.Define &lt;b&gt;Class&lt;/b&gt; style in head Section&lt;/span&gt;&lt;/div&gt;
&lt;!--how to use the class in HTML--&gt;

&lt;br&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;.back{ background-color:red; }&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;Class attribute starts with .(dot) then use the &lt;b&gt;Class&lt;/b&gt; name and define style for that &lt;b&gt;Html&lt;/b&gt; &lt;b&gt;class&lt;/b&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/09/html-class-class-in-html-how-to-use-class-in-html.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjsLpZFS9bFvyofaFWAPp-rSiDrTeVbtcRUpoVCIEjVUX1A5W6O3QawIkPDuHKgybdG-cl0_XbJ-cI__08UthixCYEtnwkPO-xO_SwmEX9nqT7CqccUjmJzM749-bFczraie2uyUW5WQ/s72-c/Html-class-2.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>HTML List Tags:Ordered and Unordered lists style using CSS </title><link>https://androidbarclub.blogspot.com/2016/09/html-lists-ordered-lists-and-unordered-lists-with-list-style-type.html</link><category>Horizontal list menu</category><category>HTML List tags</category><category>Learn css and Learn css3</category><category>Learn HTML and HTML5</category><category>List tags</category><category>menu</category><category>Odered list</category><category>style</category><category>style-list-type</category><category>tags</category><category>type</category><category>unordered list</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Tue, 6 Sep 2016 15:06:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-1822340280940186103</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
HTML List tags are two types Ordered Lists and Unordered lists style.&lt;/h1&gt;
&lt;!--HTML list tags--&gt;

&lt;br&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="font-size: large;"&gt;&amp;lt;ul&amp;gt; and &amp;lt;ol&amp;gt; HTML list tags for HTML lists.Use Horizontal List For Menu.&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;HTML list tags&lt;/b&gt; are used to insert or create&lt;b&gt; lists&lt;/b&gt; in the web page and website.There are two &lt;b&gt;styles&lt;/b&gt; in &lt;b&gt;HTML ordered lists and unordered lists&lt;/b&gt;.You can use &lt;b&gt;HTML list tags&lt;/b&gt; to create &lt;b&gt;Menu &lt;/b&gt;for your website.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;br&gt;
&lt;div style="visibility: hidden;"&gt;
HTML List Tags&lt;/div&gt;
&lt;table style="font-size: large; text-align: left; width: 100%;"&gt;
&lt;caption style="text-align: left;"&gt;&lt;strong&gt;&lt;span style="font-size: large;"&gt;HTML-List styles:&lt;/span&gt;&lt;/strong&gt;&lt;/caption&gt;
&lt;tbody&gt;&lt;!--HTML List Tags--&gt;
&lt;tr&gt;
&lt;th&gt;&lt;span style="font-size: large;"&gt;Ordered List&lt;/span&gt;&lt;/th&gt;&lt;th&gt;&lt;span style="font-size: large;"&gt;Unordered List&lt;/span&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;ol&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;One&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Two&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Three&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Four&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Five&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/td&gt;
&lt;td&gt;&lt;ul&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;One&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Two&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Three&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Four&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: large;"&gt;Five&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;!--HTML List Tags--&gt;
&lt;/div&gt;
&lt;span style="font-size: large;"&gt;An &lt;b&gt;ordered HTML List tag &lt;/b&gt;starts with &lt;b&gt;&amp;lt;ol&amp;gt; tag &lt;/b&gt;and every list item starts with &lt;b&gt;&amp;lt;li&amp;gt;&lt;/b&gt; tag.Every item in order list starts with Number,Upper Alphabet,Lower Alphabet,Upper Roman,Lower Roman or without any mark.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;Ordered List Tag Example:&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;ol&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;  &amp;lt;li&amp;gt;First&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;  &amp;lt;li&amp;gt;Second&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;  &amp;lt;li&amp;gt;Third&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/ol&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;br&gt;
&lt;span style="font-size: large;"&gt;An &lt;b&gt;Unordered HTML List tag &lt;/b&gt;starts with &lt;b&gt;&amp;lt;ul&amp;gt; tag &lt;/b&gt;and every list item starts with &lt;b&gt;&amp;lt;li&amp;gt;&lt;/b&gt; tag.Every item in order list starts with Bullet,Circle,Square or without any mark.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;Ordered List Tag Example:&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;li&amp;gt;First&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;li&amp;gt;Second&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;li&amp;gt;Third&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;div style="visibility: hidden;"&gt;
HTML List Tags&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;Nested HTML List Tag&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/09/html-lists-ordered-lists-and-unordered-lists-with-list-style-type.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vHYS_t0QjQCYI75QD1Y2BRFa-9FZ3KU1mmhKEyNKbxu6h9RLu44EksLq8L6_P3ZEZD9bspCUJ_58uk-8cgYr_3MBUCwNxYGshIDumJ-bRF29y6OlFP5WilT26hLM7T5HBuyegIG2f_Q/s72-c/menu-text.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>HTML tables:How to create HTML Table in  webpage and website </title><link>https://androidbarclub.blogspot.com/2016/08/how-to-create-tables-in-html-page-or-website-using-css-css3-with-its-properties.html</link><category>Learn css and Learn css3</category><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Sat, 27 Aug 2016 15:11:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-9137721209048319598</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;b&gt;&lt;span style="font-size: x-large;"&gt;HTML TABLE&lt;/span&gt;&lt;/b&gt;&lt;/h1&gt;
&lt;!--Html Table tag--&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;b&gt;HTML Tables :&lt;/b&gt;We use &lt;b&gt;HTML table&lt;/b&gt; &lt;b&gt;&amp;lt;table&amp;gt;&amp;lt;/table&amp;gt;&lt;/b&gt; tag to define table in html webpage and website.The &lt;b&gt;HTML table&lt;/b&gt; &amp;lt;table&amp;gt; tags also include sub table tags such as for define &lt;b&gt;rows &lt;/b&gt;in &lt;b&gt;HTML table&lt;/b&gt; we use &amp;lt;tr&amp;gt; tag,&lt;b&gt; table  cell header &lt;/b&gt;is defined by &amp;lt;th&amp;gt; tag and &amp;lt;td&amp;gt; tag is used to define &lt;b&gt;column&lt;/b&gt; or &lt;b&gt;cell&lt;/b&gt; in HTML table.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;All &lt;b&gt;HTML table tags&lt;/b&gt; are given below:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;/span&gt;&lt;br&gt;
&lt;table border="0" style="width: 400px;"&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;a href="https://www.blogger.com/blogger.g?blogID=169010913084737996#table"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;table&amp;gt;&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;a href="https://www.blogger.com/blogger.g?blogID=169010913084737996#header"&gt;&amp;lt;th&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Cell header&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;a href="https://www.blogger.com/blogger.g?blogID=169010913084737996#row"&gt;&amp;lt;tr&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Rows&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;a href="https://www.blogger.com/blogger.g?blogID=169010913084737996#cell"&gt;&amp;lt;td&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Cell or Column&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;thead&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Header&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;tbody&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Body&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;tfoot&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Footer&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;!--Html Table tag--&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;a href="https://www.blogger.com/blogger.g?blogID=169010913084737996#caption"&gt;&amp;lt;caption&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Table Caption&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="background-color: #6aa84f; color: #ffd966; font-size: large;"&gt;Note: &amp;lt;caption&amp;gt; tag must be put immediately after &amp;lt;table&amp;gt; start tag.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt;
&lt;br&gt;
&lt;h3 id="table"&gt;
&lt;b&gt;&lt;span style="font-size: large;"&gt;Create a simple table Example:&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;span style="font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;&lt;b&gt;table&lt;/b&gt; border=&amp;quot;2px&amp;quot;&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;   &amp;lt;th&amp;gt;Name&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Class&amp;lt;/th&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;   &amp;lt;td&amp;gt;Hardeep&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;10th&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;   &amp;lt;td&amp;gt;Suraj&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;12th&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/&lt;b&gt;table&lt;/b&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;!--Html Table tag--&gt;
&lt;/div&gt;
&lt;br&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/AVvXsEhrTlJT6Sp1cSaXk6YlJwsU8MG5XBkt-i3SbGUy_2jvVdjfTcKIdDOVwqcEnYEdSFbUwN7XYPh3IT7EV-fptk2-wWVbxeqwOl2BZd8EFcmz-EPgbPlWBKYFrxG1eE32KOqSgLAnbXpRLd4/s1600/table-min.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img alt="Html Table tag" border="0" height="303" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrTlJT6Sp1cSaXk6YlJwsU8MG5XBkt-i3SbGUy_2jvVdjfTcKIdDOVwqcEnYEdSFbUwN7XYPh3IT7EV-fptk2-wWVbxeqwOl2BZd8EFcmz-EPgbPlWBKYFrxG1eE32KOqSgLAnbXpRLd4/s400/table-min.png" title="Html Table tag" 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;Html Table tag&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="font-size: large;"&gt; &lt;/span&gt;&lt;br&gt;
&lt;h2 id="caption" style="text-align: left;"&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;HTML Table Caption:&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;HTML table&lt;/b&gt; &lt;b&gt;&amp;lt;caption&amp;gt; &lt;/b&gt;tag is used to add header or caption to a table.Adding a &lt;b&gt;table&lt;/b&gt; caption is very useful  if there a lot&amp;#39;s of &lt;b&gt;tables &lt;/b&gt;in your web page or website.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/08/how-to-create-tables-in-html-page-or-website-using-css-css3-with-its-properties.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrTlJT6Sp1cSaXk6YlJwsU8MG5XBkt-i3SbGUy_2jvVdjfTcKIdDOVwqcEnYEdSFbUwN7XYPh3IT7EV-fptk2-wWVbxeqwOl2BZd8EFcmz-EPgbPlWBKYFrxG1eE32KOqSgLAnbXpRLd4/s72-c/table-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>HTML links color tag and properties|How to change HTML Links Color</title><link>https://androidbarclub.blogspot.com/2016/08/how-to-change-html-links-color-using-css-css3-in-website.html</link><category>Learn css and Learn css3</category><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Fri, 19 Aug 2016 10:01:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-2310300807947502913</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
HTML Link Colors:Active,Visited,Unvisited links types.&lt;/h1&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;If you want to apply different colors for &lt;strong&gt;Active link, Visited links, On mouse over&lt;/strong&gt;.We can do this by using &lt;strong&gt;CSS properties&lt;/strong&gt;. Also, you can disable underline from links by CSS property.It makes the links more attractive and realistic.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;If you don&amp;#39;t want to change these properties the browser provide these default properties:-&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1.&lt;span style="background-color: yellow;"&gt;&lt;b&gt;Active Links&lt;/b&gt;&lt;/span&gt; show in &lt;span style="background-color: yellow;"&gt;Red color and underlined&lt;/span&gt;.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2.&lt;span style="background-color: #ffd966;"&gt;&lt;b&gt;Unvisited Links&lt;/b&gt;&lt;/span&gt; show in &lt;span style="background-color: #ffd966;"&gt;Blue color and underlined&lt;/span&gt;.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.&lt;span style="background-color: #bf9000;"&gt;&lt;b&gt;Visited Links&lt;/b&gt;&lt;/span&gt; show in &lt;span style="background-color: #bf9000;"&gt;Purple color and underlined&lt;/span&gt;.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: medium;"&gt;&lt;span style="font-size: large;"&gt;To change &lt;b&gt;Link properties&lt;/b&gt; follow the below property:-&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/08/how-to-change-html-links-color-using-css-css3-in-website.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNwCHkWUZ1rsouJLE_qp4d0GEKOb9gtczs5NmkGEg5lwin8_Bnr5-Q0BacSn_g9cTS-3Yp9aqd6dbbFNJLZmrG0Q5R4PPvwySZZwLtimLE99fYKPj8Fb4JDcLiULB38uSjpCwXqudJEw/s72-c/linkscolor.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Background Image | Set Image as Background in HTML with CSS </title><link>https://androidbarclub.blogspot.com/2016/08/use-or-insert-image-or-color-as-background-in-html-website-and-webpage-using-css-css3.html</link><category>Learn css and Learn css3</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Fri, 12 Aug 2016 12:22:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-2035044531492958731</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;b style="font-family: times, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large;"&gt;&amp;quot;HTML Background Image&amp;quot; HTML Background images&lt;/b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt; and &lt;/span&gt;&lt;b style="font-family: times, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large;"&gt;colors.Use Image as background.&lt;/b&gt;&lt;/h1&gt;
&lt;!--HTML Background image--&gt;

&lt;br&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; font-weight: normal;"&gt;Insert in a web page or website using CSS/CSS3 help to make website/web page attractive.&lt;/span&gt;&lt;/h2&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1.Set or Add &lt;b&gt;Background&lt;/b&gt; &lt;b&gt;image&lt;/b&gt; or &lt;b&gt;colors&lt;/b&gt; of your choice as &lt;b&gt;Background&lt;/b&gt; in the &lt;b&gt;HTML&lt;/b&gt; web page or website with the help of CSS/CSS3.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2.For this, you can use inline, Internal or External &lt;b&gt;CSS&lt;/b&gt; as your comfortability.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.We have these properties for &lt;b&gt;Background&lt;/b&gt; setting:-&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1.background-image&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2.background-attachment&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.background-repeat&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;4.background-position&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;background-image&lt;/b&gt; property defines an image use as Background for your web page or website.&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;Example:&lt;/span&gt;&lt;br&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;background-image: url(&amp;quot;path&amp;quot;);&lt;/span&gt;&lt;!--HTML Background image--&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;background-attachment&lt;/b&gt; property is used to to make your &lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/08/use-or-insert-image-or-color-as-background-in-html-website-and-webpage-using-css-css3.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzDCILhI8blkM7Fi0yi-WB7r05yrETw1RNHN7ANzvu-fIQlVsHSFH4vTnGcMEDU8T5dZYx9i9Q3ib8iaiP7AkNxLcOfPTPBjeJZgUufErHVA4XcbpKgnrKqiUHeftEqzuV0ziMV1Hp3g/s72-c/cssnback-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Comment in Html page or web pages source code|How to insert comments in html</title><link>https://androidbarclub.blogspot.com/2016/08/how-to-insert-comment-in-htmlhtml5-or.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Wed, 3 Aug 2016 13:40:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-1529610253878690775</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
Comment Tag in Html page or website source code.&lt;/h1&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Comment tags are &amp;nbsp;used to insert comments in the HTML.Comments are not displayed on the web pages on the browser.But this can help the developer or programmer when the developer has to modify HTML&amp;nbsp;source code.Comments are also helped&amp;nbsp;while testing HTML page because you can comment out HTML lines of code, one at a time, to search for errors.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;You can add Comments in your HTML source code by using the following syntax:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;!-- Write or Insert Your Comment Here --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;We use an exclamation mark in the opening tag but not in the close tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Example:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!-- Paragraph tag start --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;p&amp;gt;This is Paragraph &amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!-- Paragraph tag end Here --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;You can also use comment tag directly into other&amp;nbsp;HTML tags without using additional comment tags.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Example:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!--p&amp;gt;This is Paragraph &amp;lt;/p--&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html Source code:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Paragraph Tag &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;!-- Heading Start --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h1&amp;gt; Heading1&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;!-- heading end --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;!--h2&amp;gt; Heading2&amp;lt;/h2--&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Output here:-&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/AVvXsEi4niKO49HS8en-1UFcYiwODcesi1qUv63SC4BZsx1lg284AKzpSDpfCBKW_pz9voeE26H0uBQ3PavQH-nkhyphenhyphenumpu0F3ssNJmdQ5oLP34T2Cf6ROwp1LzY4XTU_PmI0E25bIUYOJlDBReI/s1600/comment.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4niKO49HS8en-1UFcYiwODcesi1qUv63SC4BZsx1lg284AKzpSDpfCBKW_pz9voeE26H0uBQ3PavQH-nkhyphenhyphenumpu0F3ssNJmdQ5oLP34T2Cf6ROwp1LzY4XTU_PmI0E25bIUYOJlDBReI/s400/comment.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&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;br /&gt;
&lt;br /&gt;
&lt;span style="background-color: yellow; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: x-large;"&gt;Important Note: The text or things within the Comment tags will not be display on web pages.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: yellow; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: x-large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: x-large;"&gt;Comment Below!&lt;/span&gt;&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4niKO49HS8en-1UFcYiwODcesi1qUv63SC4BZsx1lg284AKzpSDpfCBKW_pz9voeE26H0uBQ3PavQH-nkhyphenhyphenumpu0F3ssNJmdQ5oLP34T2Cf6ROwp1LzY4XTU_PmI0E25bIUYOJlDBReI/s72-c/comment.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to add heading in HTML-HTML5 or heading tags in HTML or websites?</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-add-heading-or-heading-tags-in-html-html5.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 28 Jul 2016 19:39:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-3741168745183270245</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: x-large;"&gt;Here are the steps to include heading in HTML pages or web pages of your website :-&lt;/span&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;h1&gt;
HTML-HTML5 headings added using heading tags from h1-h6.h1,h2,h3,h4,h5,h6 are HTML headings&lt;/h1&gt;
&lt;h1&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Headings are most important part of any document.We start any article, paragraph after giving their heading.you can also give heading before writing any article or description in HTML or web page by using &lt;span style="background-color: yellow;"&gt;Heading&lt;/span&gt; tags.Headings are defined with &amp;lt;h1&amp;gt; to &amp;lt;h6&amp;gt; tag in a HTML.&lt;/span&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&amp;lt;h1&amp;gt; to &amp;lt;h6&amp;gt; have variation in size and importance.&amp;lt;h1&amp;gt; tag have bigger font size and most importance among all headings.while &amp;lt;h6&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;tag have smaller font size and most least importance among all headings.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;Example:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h1&amp;gt; Heading1&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h2&amp;gt; Heading2&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h3&amp;gt; Heading3&amp;lt;/h3&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h4&amp;gt; Heading4&amp;lt;/h4&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h5&amp;gt; Heading5&amp;lt;/h5&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;h6&amp;gt; Heading6&amp;lt;/h6&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Headings also important because search engine uses the headings to index the structure and data/content of your web pages/website pages.Also, user explores or view your pages through a heading of your document or page.So, it is necessary to provide a good heading.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Example:&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;HTML heading tags example:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Paragraph Tag &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h1&amp;gt; Heading1&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h2&amp;gt; Heading2&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h3&amp;gt; Heading3&amp;lt;/h3&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h4&amp;gt; Heading4&amp;lt;/h4&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h5&amp;gt; Heading5&amp;lt;/h5&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h6&amp;gt; Heading6&amp;lt;/h6&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;output:-&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;br /&gt;&lt;/span&gt;&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/AVvXsEgLp_G3oGsQqch0KUyV0zbX6BskzVjKbm3-pFTLpKh3HYVZA2A10eOXj4Vhse7Ksg44hVcGob4qx_TSAVn6-7aD4Nz_3dzMfXrfXj7y0Ybjqze-fdxdutpedHDg-ufHj37dZsmkER3HfYI/s1600/heading.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLp_G3oGsQqch0KUyV0zbX6BskzVjKbm3-pFTLpKh3HYVZA2A10eOXj4Vhse7Ksg44hVcGob4qx_TSAVn6-7aD4Nz_3dzMfXrfXj7y0Ybjqze-fdxdutpedHDg-ufHj37dZsmkER3HfYI/s640/heading.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;https://androidbarclub.blogspot.com/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="background-color: #93c47d; color: yellow; font-size: large;"&gt;Please comment below !&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLp_G3oGsQqch0KUyV0zbX6BskzVjKbm3-pFTLpKh3HYVZA2A10eOXj4Vhse7Ksg44hVcGob4qx_TSAVn6-7aD4Nz_3dzMfXrfXj7y0Ybjqze-fdxdutpedHDg-ufHj37dZsmkER3HfYI/s72-c/heading.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>How to apply CSS to any element for html page ?</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-apply-css-to-any-element-for.html</link><category>Learn css and Learn css3</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Sat, 23 Jul 2016 22:15:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-8922974292499278120</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="text-align: left;"&gt;
Here i explain, what is CSS and how to use ?&lt;/h2&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;What is CSS ?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;CSS stands for &lt;b style="background-color: yellow;"&gt;C&lt;/b&gt;ascading &lt;b style="background-color: yellow;"&gt;S&lt;/b&gt;tyle &lt;b style="background-color: yellow;"&gt;S&lt;/b&gt;heet. CSS is used to provide layout to html pages easy and efficiently.We can apply same CSS style to individual item or single page or multiple pages.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;External CSS stylesheet can be apply to multiple pages.This is very helpful ,when you want same style for your website.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;b&gt;&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;how to apply CSS?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;we have syntax to apply CSS.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;Syntax:&lt;span style="background-color: yellow;"&gt;element where have to apply{property:value;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;span style="background-color: yellow;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;example:&amp;nbsp;&lt;span style="color: red;"&gt;img { width: 200px; height: 200px;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;For apply CSS to any HTML element, we have to define CSS selector for particular HTML element.For these we have these selector.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;1.&lt;span style="background-color: yellow;"&gt; &lt;u&gt;Element selector&amp;nbsp;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;This selector apply CSS to that HTML element that is define by Element.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;Example: If we want to apply text color to paragraph using CSS.Follow these instructios:-&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; p{color:red;}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;2.&lt;span style="background-color: yellow;"&gt;&lt;u&gt; Id selector&amp;nbsp;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;This selector apply CSS to HTML element which is define with id attribute.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;Example:&lt;/span&gt;&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;If we want to apply text color to paragraph using CSS which is define by Id. Follow these instructios:-&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; #par{color:red;}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;3.&lt;span style="background-color: yellow;"&gt;&lt;u&gt;&amp;nbsp;Class&amp;nbsp;selector&amp;nbsp;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;This selector apply CSS to HTML element which is define with class attribute.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;Example:&lt;/span&gt;&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;If we want to apply text color to paragraph using CSS which is define by class. Follow these instructios:-&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; .par{color:red;}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;If you want to apply same CSS for different HTML elements,you can do this by following:-&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;Example:-&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; h1,p{color:red;}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>HTML Paragraph Tag | Paragraph tag HTML is used to add Paragraph in web page website</title><link>https://androidbarclub.blogspot.com/2016/07/which-tag-is-used-to-add-paragraph-or.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 21 Jul 2016 20:00:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-6298095578941419451</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
HTML Paragraph Tag used to add paragraph in web page or website with properties&lt;/h1&gt;
&lt;!--Html Paragraph tag--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1.&lt;b&gt;Paragraph tag&lt;/b&gt; is an HTML tag which is used to insert a paragraph.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2.&lt;b&gt;Paragraph&amp;nbsp;tag&lt;/b&gt; is start with start tag &lt;/span&gt;&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;&amp;lt;p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt; and end with end tag &lt;/span&gt;&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;.Something typed or written in this tag shows as a paragraph on a web page.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.Here are some elements used with paragraph tag like align(&lt;/span&gt;&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Left,Right,Justify&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;) to set the location or format of a paragraph.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;4.You can also use "&lt;/span&gt;&lt;span style="color: red; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;&amp;lt;pre&amp;gt;&amp;lt;/pre&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;" tag for paragraph.This tag provides proper space between the word that makes &lt;b&gt;paragrap&lt;/b&gt;h easy to read and look neat and clean.In this tag when you press "Enter" after typing the first line and type the second line.so second line show after the first line without using break tag &amp;lt;br&amp;gt;.&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Paragraph tag Example:&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Image Tag &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;p&amp;gt;This is a paragraph with paragraph tag. &amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;p&amp;gt;This is a muliple line paragraph with paragraph tag.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;This is a muliple line paragraph with paragraph tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;This is a multiple line paragraph with the paragraph tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;pre&amp;gt;This is a multiple line paragraph with the paragraph tag.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;This is a multiple line paragraph with the paragraph tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;This is a muliple line paragraph with paragraph tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/pre&amp;gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;
&lt;/span&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;
&lt;!--Html Paragraph tag--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVp-QvzgylQeNyC-mmWhAWHyn3oOsLvyMSNE9tMGNqKhRwkrtCMuADoAYsAD1R81yl9BWlXT19gHg5CNiL2J3yh-EFc5iTKnafqlCVhyphenhyphenrkyRIX23p37MkplFY7kdZKWL4CuszMdvRia8/s1600/para-min.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img alt="Paragraph tag" border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVp-QvzgylQeNyC-mmWhAWHyn3oOsLvyMSNE9tMGNqKhRwkrtCMuADoAYsAD1R81yl9BWlXT19gHg5CNiL2J3yh-EFc5iTKnafqlCVhyphenhyphenrkyRIX23p37MkplFY7kdZKWL4CuszMdvRia8/s640/para-min.jpg" title="Paragraph tag" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Paragraph tag&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: yellow;"&gt;Please comment if you like it.THANKS&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;!--Html Paragraph tag--&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVp-QvzgylQeNyC-mmWhAWHyn3oOsLvyMSNE9tMGNqKhRwkrtCMuADoAYsAD1R81yl9BWlXT19gHg5CNiL2J3yh-EFc5iTKnafqlCVhyphenhyphenrkyRIX23p37MkplFY7kdZKWL4CuszMdvRia8/s72-c/para-min.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Html Link tag | How to insert link or anchor tag in html </title><link>https://androidbarclub.blogspot.com/2016/07/how-to-insert-or-put-link-in-html-with-html-link.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Mon, 18 Jul 2016 16:31:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-3243736019852558491</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;span style="color: #666666;"&gt;
Here are the Steps to insert a link in html or html5 page or website:-&lt;/span&gt;&lt;/h1&gt;
&lt;!--Html link tag--&gt;

&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1.&lt;b&gt;HTML links &lt;/b&gt;are hyperlinks that help us to navigate different information or data on the internet using web pages. One click on the&lt;b&gt; link &lt;/b&gt;help you to jump to another document or other web page.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2. A &lt;b&gt;Html Link&lt;/b&gt; cannot only be apply on the text, you can apply it on images or any other element.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: white;"&gt;Html link tag&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.To insert &lt;b&gt;link or hyperlink in html&lt;/b&gt;, we use &amp;lt;a&amp;gt; &amp;lt;/a&amp;gt; tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp;&lt;span style="color: red;"&gt;Example:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;i&gt;&lt;b&gt;&lt;span style="font-size: large;"&gt;&lt;span style="color: red;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: red; font-size: large;"&gt;a href="http://www.google.com/" &amp;gt;GOOGLE &amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/i&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp;&lt;span style="color: #666666;"&gt;In the above example,when you click on &lt;span style="background-color: yellow;"&gt;&lt;b&gt;&lt;i&gt;GOOGLE&lt;/i&gt;&lt;/b&gt;&lt;/span&gt; text it takes you to &lt;b&gt;&lt;i&gt;"&lt;span style="background-color: yellow;"&gt;http://www.google.com/"&lt;/span&gt;&lt;/i&gt;&lt;/b&gt; address on the internet.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;4. You can also connect to other pages using &lt;b&gt;html links &lt;/b&gt;as a local links.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Html link tag--&gt;
&lt;b&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: medium;"&gt;&lt;i&gt; &lt;span style="color: red; font-size: large;"&gt;Example: &amp;lt;a href="main_index.php"&amp;gt;Home&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span style="color: #666666;"&gt;In the above example,when you click on &lt;span style="background-color: yellow;"&gt;Home&lt;/span&gt; text it takes you to &lt;span style="background-color: yellow;"&gt;"main_index.php"&lt;/span&gt; page.&lt;/span&gt;&lt;/span&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html link tag&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;5.You can also use target attribute to define where the new link will be open on the browser window or tab.These attribute are _blank, _parent, _self(default), _top.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b style="font-family: times, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large;"&gt;&lt;i&gt;&lt;span style="color: red;"&gt;Example:&amp;nbsp;&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;b style="font-size: x-large;"&gt;&lt;i&gt;&lt;span style="color: red;"&gt;&amp;lt;a ref="main_index.php"&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;b style="font-size: x-large;"&gt;&lt;i&gt;&lt;span style="color: red;"&gt;target="_blank"&amp;gt;Home&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; when you click on Home ,Home page will be open in new tab/window.&lt;/span&gt;&lt;/span&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html link tag&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;6.You can also apply link on images or other elements.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Html link tag--&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &lt;span style="color: red;"&gt;Example:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;i&gt;&lt;b&gt;&amp;lt;a href="main_index.php"&amp;gt;&amp;lt;img src="images/home.png" width="100px" height="100px"&amp;gt;&amp;lt;/a&amp;gt;&lt;/b&gt;&lt;/i&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Full Description:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: white;"&gt;Html link tag&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Image Tag &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;a href="https://www.google.com/"&amp;gt;Text Link&amp;lt;/a&amp;gt;&amp;lt;/br&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;a href="https://www.google.com/"&amp;gt;&amp;lt;h1&amp;gt;Heading Link&amp;lt;/h1&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/br&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;a href="image.html"&amp;gt;&amp;lt;img src="images/click_buuton.png" alt="No Preview" width="200px" height="100px"&amp;gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;The output is:-&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;


&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;!--Html link tag--&gt;

&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwXnDTI3wgPo4x33fzWS5w6PU4MPIdSzJV8t1w72FWKVbcFR-5dlrEmUdZHfrijI48-3fnKKFvR62gnTrTSxCLkQi0_Av3viFWhw0qNa0eNrjSLqZhZJz6JTn5ZtYlVrq4TsQmdyIOmuY/s1600/link-min.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img alt="Html Link tag" border="0" height="377" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwXnDTI3wgPo4x33fzWS5w6PU4MPIdSzJV8t1w72FWKVbcFR-5dlrEmUdZHfrijI48-3fnKKFvR62gnTrTSxCLkQi0_Av3viFWhw0qNa0eNrjSLqZhZJz6JTn5ZtYlVrq4TsQmdyIOmuY/s640/link-min.jpg" title="Html Link tag" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Html Link tag&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: yellow; font-size: large;"&gt;Please comment to suggestions and improvements or email me for any questios.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html link tag&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="font-size: large;"&gt;&lt;span style="background-color: lime; color: #666666; font-family: &amp;quot;trebuchet ms&amp;quot;, trebuchet, sans-serif;"&gt;How to add image in HTML , HTML5 or add image in your Website&lt;/span&gt;&lt;span style="background-color: white; color: #666666; font-family: &amp;quot;trebuchet ms&amp;quot;, trebuchet, sans-serif;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;a href="https://androidbarclub.blogspot.in/2016/07/how-to-add-image-in-html-html5-or-add.html"&gt;https://androidbarclub.blogspot.in/2016/07/how-to-add-image-in-html-html5-or-add.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;!--Html link tag--&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwXnDTI3wgPo4x33fzWS5w6PU4MPIdSzJV8t1w72FWKVbcFR-5dlrEmUdZHfrijI48-3fnKKFvR62gnTrTSxCLkQi0_Av3viFWhw0qNa0eNrjSLqZhZJz6JTn5ZtYlVrq4TsQmdyIOmuY/s72-c/link-min.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to add images in HTML or HTML5 using Image tag</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-add-image-in-html-html5-or-add.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Wed, 13 Jul 2016 19:35:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-4833180004160086288</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;Here are the Steps to insert or Display images in html,html5 or web page using &amp;lt;img&amp;gt; tag :&lt;/span&gt;&lt;/h1&gt;
&lt;!--Html image tag--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: white;"&gt;Html Image Tag&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;1&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;.&lt;b&gt;Image tag&lt;/b&gt;(&amp;lt;img&amp;gt;) is used to add &lt;b&gt;images&lt;/b&gt; in html page or website.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;2.&lt;b&gt;Image tag&lt;/b&gt; have attributes like :src, alt, width, height, align.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.Almost all latest browser support &amp;lt;img&amp;gt; tag.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;4.Put Image tags &amp;lt;img&amp;gt; &amp;lt;/img&amp;gt; tag in &amp;lt;body&amp;gt; tag in your web page.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html Image Tag&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: red; font-size: large;"&gt;Example:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;img src="image/light.jpg" alt="No Preview"/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;5.&lt;i&gt;"src"&lt;/i&gt; attribute &lt;/span&gt;provide&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt; the link or path of the image either local or internet link.while the alt attribute &lt;/span&gt;display&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt; &lt;/span&gt;text&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt; of alt attribute when image path is not correct or unavailable.It will look like the below image.&lt;/span&gt;&lt;/span&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;H&lt;/span&gt;&lt;/span&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;tml Image Tag&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;!--Html image tag--&gt;

&lt;br /&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt; &lt;/span&gt;
&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;&lt;!--Html image tag--&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt; &lt;/span&gt;
&lt;br /&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/AVvXsEhhMYkQ8_ENm8xD5P54mkqz79ybQKr4bu-03Dxap0qhCdVxSUypjouW6SfNYl8PCtpyT_GYSAkWVfEvPPL189cxH6eGkMHI9rInDmMIU7_tAHwhlBbKMQk4FMoc-VN_Haq0eiyyFDxoXjo/s1600/androidbarclub.blogspot1-min.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="Html image tag" border="0" height="395" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMYkQ8_ENm8xD5P54mkqz79ybQKr4bu-03Dxap0qhCdVxSUypjouW6SfNYl8PCtpyT_GYSAkWVfEvPPL189cxH6eGkMHI9rInDmMIU7_tAHwhlBbKMQk4FMoc-VN_Haq0eiyyFDxoXjo/s640/androidbarclub.blogspot1-min.jpg" title="Html image tag" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-weight: normal;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div style="font-family: times, 'times new roman', serif;"&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Html Image Tag&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html image tag--&gt; &lt;span style="font-weight: normal;"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;6.Earlier version of HTML are also support other &amp;lt;img&amp;gt; tag attribute like: hspace, aligh, border.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: medium;"&gt;B&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;ut HTML5 does not support these attributes.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-weight: normal;"&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;div style="font-family: times, 'times new roman', serif;"&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;Example:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-weight: normal;"&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;div style="font-family: times, 'times new roman', serif;"&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-weight: normal;"&gt;
&lt;!--Html image tag--&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Image Tag &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;img src="http://www.like.com/images/quote.jpg" alt="No Preview" width="300px" height="300px"&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;Html Image Tag&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #666666; font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;&amp;nbsp; &lt;/span&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;The output of above code is:&lt;/span&gt;&lt;/span&gt;&lt;br /&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/AVvXsEgMiHac0cJIMygBd1q-lY4zjxhvUYLyLQ6Wgt8_kFydYFAeWdvjdGqidgmUmb5vH40cAWF6bPGHsR4IGNVLiWh6Cxv1Ha0RpMbcIUKlrmk-ME83Uy8LihUK4sQITyAjQz4Qwla7uPq5ugM/s1600/blogspot2-min.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="Html image tag" border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMiHac0cJIMygBd1q-lY4zjxhvUYLyLQ6Wgt8_kFydYFAeWdvjdGqidgmUmb5vH40cAWF6bPGHsR4IGNVLiWh6Cxv1Ha0RpMbcIUKlrmk-ME83Uy8LihUK4sQITyAjQz4Qwla7uPq5ugM/s400/blogspot2-min.jpg" title="Html image tag" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;/h2&gt;
&lt;/div&gt;
&lt;!--Html image tag--&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMYkQ8_ENm8xD5P54mkqz79ybQKr4bu-03Dxap0qhCdVxSUypjouW6SfNYl8PCtpyT_GYSAkWVfEvPPL189cxH6eGkMHI9rInDmMIU7_tAHwhlBbKMQk4FMoc-VN_Haq0eiyyFDxoXjo/s72-c/androidbarclub.blogspot1-min.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Internal CSS | How to use Internal CSS in HTML Web page</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-apply-or-add-internal-css-to.html</link><category>Learn css and Learn css3</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Tue, 12 Jul 2016 18:54:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-6948712984081540640</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
Here is the Steps to apply Internal CSS in your web page for single HTML page:&lt;/h1&gt;
&lt;span style="color: #666666; font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;1. &lt;b&gt;Internal CSS&lt;/b&gt; is used to apply Style to single Html Page or Web page.&lt;/span&gt;&lt;br&gt;
&lt;/span&gt;&lt;span style="color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Internal CSS&lt;/span&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large; font-weight: normal;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-size: large; font-weight: normal;"&gt;2.For define Internal CSS in Html page you have to insert style( &amp;lt;style&amp;gt; &amp;lt;/style&amp;gt;) tags within the head(&amp;lt;head&amp;gt;) tags.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;/span&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;For Example:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;b&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;lt;head&amp;gt; &amp;lt;style&amp;gt;&amp;lt;/style&amp;gt; &amp;lt;/head&amp;gt;&lt;/span&gt; &lt;/b&gt;&lt;br&gt;
&lt;b&gt;&lt;br&gt;&lt;/b&gt;
  &lt;span style="color: #666666; font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;3.In between these style tags, you can define a style for different tags and items for your HTML page.&lt;/span&gt;&lt;br&gt; &lt;/span&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;Internal CSS Example:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;b&gt;&amp;lt;style&amp;gt; h1{font-size:150%;} &amp;lt;/style&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;
&lt;br&gt;
&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;In the above example, we apply &lt;b&gt;font-size&lt;/b&gt; to heading tag with help of Internal CSS. We can apply a different style to different items with help of Internal CSS on your Html web page.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br&gt;&lt;/span&gt; &lt;span style="font-weight: normal;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;4.If you are using div(&amp;lt;div&amp;gt;) tags in your Html page ,so in this situation, we can also use id,class to apply CSS.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;
&lt;/div&gt;&lt;/div&gt;&lt;a href="https://androidbarclub.blogspot.com/2016/07/how-to-apply-or-add-internal-css-to.html#more"&gt;Read more »&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQIO5V5XIthRZslIy2A9uJgYzFMDE4Ty8oFNGf2_WDp_z4D_PT_jeHeAWfqycVnFsxdHj2dOcSDKiMpeVUOwYu5u17ddn-cX3WzmbCW0IHw7CfTNUK6z06Lagn3s4C75Cv4QgTRITHAIc/s72-c/Barjinder-incssw-min.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Use of Inline CSS in html | How to apply inline css</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-apply-inline-css.html</link><category>Learn css and Learn css3</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Mon, 11 Jul 2016 19:02:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-5465332026340371356</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1&gt;
&lt;span style="font-family: Times, Times New Roman, serif;"&gt;Inline CSS&lt;/span&gt;&lt;/h1&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;b&gt;Inline CSS&lt;/b&gt; is used to apply &lt;b&gt;style&lt;/b&gt;&amp;nbsp;to &lt;b&gt;Html&lt;/b&gt; elements.Use &lt;b&gt;Inline CSS&lt;/b&gt; within the html&amp;nbsp;tag where you want to apply.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;1.&lt;/span&gt;Create a html page with .html extension.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Inline CSS--&gt; &lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666;"&gt;&lt;span style="font-size: large;"&gt;2.Put some html tags to apply inline CSS for individual item. For example :here we put a heading tag and a paragraph.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: medium;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;b&gt;&lt;span style="font-size: large;"&gt;&amp;lt;h1&amp;gt;Hello Red&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;Hello Blue&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;3.&lt;/span&gt;To apply &lt;b&gt;inline CSS&lt;/b&gt; we use "&lt;/span&gt;&lt;b style="font-size: x-large;"&gt;Style&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;" attribute within the heading and Paragraph tag different for heading and paragraph tag. like&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;h1 style="color:red;"&amp;gt;Hello Red&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;p style="color:blue;font-size:150%"&amp;gt;Hello Blue&amp;lt;/p&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-size: large;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;Here the example of &lt;b&gt;Inline CSS&lt;/b&gt;:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Inline CSS--&gt;

&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp;&lt;span style="color: red;"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;&lt;b&gt;Inline CSS&lt;/b&gt; &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="visibility: hidden;"&gt;
Inline CSS&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;h1 style="color:red;"&amp;gt;Hello Red&amp;lt;/h1&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;p style="color:blue;font-size:150%;"&amp;gt;Hello Blue&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: #666666;"&gt;The output is shown below:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: white; font-size: large;"&gt;Inline CSS&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/AVvXsEgYYL25P1Ysr0Rf9h_pDJ-kPlqjI-Lz0aOuP5r-V56qHrcul8ogm7GhEaKdsR08wqZux7bQgHR2YU8ylnnUNr0qJPVF4fngcqX0ttCbFsztOyUYiOg63mZgB_aDATKh55AcYdk9834eS_A/s1600/Barjinder-css.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="Inline CSS" border="0" height="401" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYL25P1Ysr0Rf9h_pDJ-kPlqjI-Lz0aOuP5r-V56qHrcul8ogm7GhEaKdsR08wqZux7bQgHR2YU8ylnnUNr0qJPVF4fngcqX0ttCbFsztOyUYiOg63mZgB_aDATKh55AcYdk9834eS_A/s640/Barjinder-css.png" title="Inline CSS" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: #ffe599; color: #274e13; font-size: large;"&gt;&lt;b&gt;Please comment for suggestions! Enjoy Learning web Development.&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: #ffe599; color: white; font-size: large;"&gt;&lt;b style="background-color: white;"&gt;Inline CSS&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: #ffe599; color: #274e13; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Inline CSS--&gt;

&lt;br /&gt;
&lt;div style="background-color: black; border: 1px solid green; font-size: large; margin: auto; text-align: center; width: 70%;"&gt;
&lt;a href="https://androidbarclub.blogspot.com/2016/07/how-to-apply-or-add-internal-css-to.html" style="color: white;"&gt;Learn CSS Methods:How To Apply CSS in Html web page or Website&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYL25P1Ysr0Rf9h_pDJ-kPlqjI-Lz0aOuP5r-V56qHrcul8ogm7GhEaKdsR08wqZux7bQgHR2YU8ylnnUNr0qJPVF4fngcqX0ttCbFsztOyUYiOg63mZgB_aDATKh55AcYdk9834eS_A/s72-c/Barjinder-css.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Html Image Audio Tags | How to Add Images and Audio in Html</title><link>https://androidbarclub.blogspot.com/2016/07/how-to-add-show-images-audio-video-in.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 7 Jul 2016 18:45:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-3699673063097155458</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h1 style="text-align: left;"&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;Image, Audio tags in Html or Html 5 page used to add Images and Audio in web pages.&lt;/span&gt;&lt;/h1&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;div style="text-align: left;"&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-weight: normal;"&gt;&lt;span style="font-size: large;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="font-family: georgia, times new roman, serif;"&gt;&amp;nbsp;&lt;/span&gt;&lt;u style="background-color: white;"&gt; &lt;span style="font-family: Times, Times New Roman, serif;"&gt;To Add Images:&lt;/span&gt;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;u style="background-color: #b6d7a8;"&gt;&lt;br /&gt;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: Times, Times New Roman, serif; font-size: large;"&gt;1.Type &lt;b&gt;Image tag&lt;/b&gt;&amp;nbsp;&amp;lt;img&amp;gt; Within body Tag of your web page to insert picture in your &lt;b&gt;web page&lt;/b&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;&lt;span style="color: #666666;"&gt;2.Provide the &lt;/span&gt;&lt;b style="color: #666666;"&gt;image&lt;/b&gt;&lt;span style="color: #666666;"&gt; path in the&lt;/span&gt;&lt;b style="color: #666666;"&gt; image&lt;/b&gt;&lt;span style="color: #666666;"&gt; tag with help of "&lt;/span&gt;&lt;i&gt;&lt;span style="color: blue;"&gt;&lt;b&gt;src&lt;/b&gt;&lt;/span&gt;&lt;/i&gt;&lt;span style="color: #666666;"&gt;" keyword or attribute&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;b&gt;ex:&amp;lt;img src="image/light.png"&amp;gt;&amp;lt;/img&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="color: #666666; font-family: Times, Times New Roman, serif;"&gt;&lt;span style="font-size: large;"&gt;3.You can also describe the Width and Height for the &lt;/span&gt;&lt;span style="font-size: large;"&gt;image.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-family: Times, Times New Roman, serif; font-size: large;"&gt;Html Image Tag Example:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;span style="font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;img &amp;nbsp;src="image/light.png" width="200px" height="300px"&amp;gt;&amp;lt;/img&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: Times, Times New Roman, serif; font-size: large;"&gt;Note 1 : You can avoid &amp;nbsp;typing pixel(px) for Width and Height.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Times, Times New Roman, serif;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Note 2:If you do not define the width &amp;amp; height of image then it will automatically cover space of your web page according to original width &amp;amp; height of the image.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;nbsp;&lt;u style="background-color: #b6d7a8;"&gt;To Add Audio File:&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Html Image and Audio tags--&gt;
&lt;span style="color: #666666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;u style="background-color: #b6d7a8;"&gt;&lt;br /&gt;&lt;/u&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: #666666; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt;1.Type Audio tags&amp;nbsp;&lt;/span&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;audio controls&amp;gt; &amp;lt;audio&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #666666; font-family: Times, &amp;quot;Times New Roman&amp;quot;, serif; font-size: large;"&gt; Within body Tag of your web page to insert the audio file in your web page.you can add Mp3, Wav, Ogg format file using this tag.&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: #666666; font-family: Times, Times New Roman, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: #666666; font-family: Times, Times New Roman, serif; font-size: large;"&gt;The controls attribute adds audio controls like: play, pause, and volume control.&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: Times, Times New Roman, serif;"&gt; &lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: white;"&gt;Html image and audio tag&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;div style="text-align: justify;"&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;span style="color: #666666; font-family: Times, Times New Roman, serif;"&gt;2.Text between the &amp;lt;audio&amp;gt; and &amp;lt;/audio&amp;gt; tags will display in browsers that do not support the &amp;lt;audio&amp;gt; element.so another tag is used for audio file with in the &amp;lt;audio&amp;gt; tag.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-size: large;"&gt;&lt;span style="color: #666666; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;"&gt;3.we use &lt;/span&gt;&lt;b&gt;&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&amp;lt;source&amp;gt;&amp;lt;/source&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="color: #666666; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;"&gt; tag for audio files.use src and type attribute for providing audio file path to audio file destination.while type attribute provide the format of audio file.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #666666; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large;"&gt;Html Audio Syntax:&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;span style="color: red; font-size: large; text-align: left;"&gt;&lt;b&gt;&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;source src="horse.mp3" type="audio/mpeg"&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: red; font-family: Times, Times New Roman, serif; font-size: large; text-align: left;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;div style="text-align: justify;"&gt;
&lt;span style="font-family: Times, Times New Roman, serif; font-size: large; text-align: left;"&gt;&lt;b&gt;Html Image And Audio tags Example:&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="color: red; font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&lt;span style="font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;html&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;body&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;img src="html5.gif" alt="Not available" width="128px" height="128px"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;audio controls&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;nbsp; &amp;lt;source src="horse.ogg" type="audio/ogg"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;nbsp; &amp;lt;source src="horse.mp3" type="audio/mpeg"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;/audio&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"&gt;&lt;b&gt;&amp;lt;/html&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;div&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&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;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;/span&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSylWjt8AXUmxqL_Lw9km4rrn42AcNFwYpdV4Zqp-_MRQVuz8-N5fWVpWKLglqz6sm7qXysQV00LccO_OehaZN5Z6phF76W_4UYcyIK61zk6YWCEVgK6EqHGpq-4alBkN5mSKcPmj8B9A/s1600/barjinder-demo-min.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="Html audio image tags" border="0" height="417" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSylWjt8AXUmxqL_Lw9km4rrn42AcNFwYpdV4Zqp-_MRQVuz8-N5fWVpWKLglqz6sm7qXysQV00LccO_OehaZN5Z6phF76W_4UYcyIK61zk6YWCEVgK6EqHGpq-4alBkN5mSKcPmj8B9A/s640/barjinder-demo-min.jpg" title="Html audio image tags" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt; &lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="background-color: yellow;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="background-color: yellow;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;Please comment and you can ask any question, if you have. THANKS&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;!--Html Image and Audio tags--&gt;

&lt;div&gt;
&lt;span style="font-size: small;"&gt;&lt;span style="color: #e06666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: white; font-size: large;"&gt;Html image and audio tag&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!--Html Image and Audio tags--&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSylWjt8AXUmxqL_Lw9km4rrn42AcNFwYpdV4Zqp-_MRQVuz8-N5fWVpWKLglqz6sm7qXysQV00LccO_OehaZN5Z6phF76W_4UYcyIK61zk6YWCEVgK6EqHGpq-4alBkN5mSKcPmj8B9A/s72-c/barjinder-demo-min.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total></item><item><title>How to create HTML page or Web pages-Website in Html simple</title><link>https://androidbarclub.blogspot.com/2016/07/create-html-page-or-html-web-pages-simple-html-extension.html</link><category>Learn HTML and HTML5</category><author>noreply@blogger.com (Barjinder)</author><pubDate>Thu, 7 Jul 2016 13:39:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-169010913084737996.post-5422666263581149008</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;h1&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;To create any HTML simple web page you need to follow these steps:-&lt;/span&gt;&lt;/h1&gt;&lt;span style="color: white;"&gt;Html page&lt;/span&gt;&lt;!--Html page--&gt;
&lt;span style="color: #666666; font-weight: normal;"&gt;&lt;span style="font-family: times, times new roman, serif; font-size: large; text-align: justify;"&gt;1.&lt;/span&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; text-align: justify;"&gt;Open a new document anywhere on the computer where you can easily locate it and save it with extension (&lt;/span&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; text-align: justify;"&gt;.html&lt;/span&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; text-align: justify;"&gt;).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-weight: normal;"&gt;&lt;span style="color: #666666; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; text-align: justify;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large; text-align: justify;"&gt;2.&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;Now Open &lt;/span&gt;&lt;strong style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;.html&lt;/strong&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; file with any Text Editor like Notepad++ or Edit Plus or you can &amp;nbsp;open with Windows Notepad.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;3.&lt;/span&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;Start a &lt;/span&gt;&lt;strong style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;Html tag&lt;/strong&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; with Symbol &lt;b&gt;&lt;i&gt;&amp;lt;html&amp;gt;&lt;/i&gt;&lt;/b&gt; and close with &lt;b&gt;&lt;i&gt;&amp;lt;/html&amp;gt;&lt;/i&gt;&lt;/b&gt; tag. You have added all other &lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;HTML&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; tags between these two tags.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;4.&lt;/span&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;Now put&lt;b&gt; Head &lt;/b&gt;"&lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;&lt;i&gt;&amp;lt;head&amp;gt;&amp;lt;/head&lt;/i&gt;&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;i&gt;&amp;gt;&lt;/i&gt;" tag within &lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;HTML&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; tags.Head tag is used to provide information about your page in the browser that helps to load your pages on browsers. It also used to attach internal or external CSS ,javascript in your pages.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--Html page--&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;5.&lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;Head tag&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; is also included &lt;b&gt;tiltle&lt;/b&gt; "&lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;&lt;i&gt;&amp;lt;title&amp;gt; &amp;lt;/title&amp;gt;&lt;/i&gt;&amp;lt;title&amp;gt; &amp;lt;/title&amp;gt;"&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; tags which is used to provide title to your web page it shown on the title bar of your web browser.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;6.&lt;/span&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;Now is the main part of your page is the body part that will show on the browser window.It start's with opening body tag&lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt; &amp;lt;body&amp;gt; &lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;and close with &lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;&amp;lt;/body&amp;gt;&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;span style="color: #666666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;7.&lt;/span&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;After creating body tags now you can add you contents on your web page with the help of different &lt;/span&gt;&lt;b style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; text-align: justify;"&gt;HTML&lt;/b&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt; tags.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: large; text-align: justify;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;/div&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666; font-size: large;"&gt;For example, we can add &lt;b&gt;text headings&lt;/b&gt; in your &lt;b&gt;web page&lt;/b&gt; by using &lt;b&gt;heading tags&lt;/b&gt;.There are &lt;b&gt;six heading tags&lt;/b&gt; for different font size.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="color: #666666; font-size: large;"&gt;From &lt;b&gt;&amp;lt;h1&amp;gt;&amp;lt;/h1&amp;gt; to &amp;lt;/h6&amp;gt;&amp;lt;/h6&amp;gt; &lt;/b&gt;are heading tags that can be used to provide Headings in &lt;b&gt;html&lt;/b&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: white;"&gt;Html page&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #666666;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;Example HTML page:&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;&lt;span style="font-size: large;"&gt;Take an example we add "Hello Jenny" word with &lt;b&gt;heading tag &amp;lt;h1&amp;gt;&lt;/b&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;My First Text on Web &amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;b&gt;&amp;lt;h1&amp;gt;&lt;/b&gt;Hello Jeanny&lt;b&gt;&amp;lt;/h1&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;courier new&amp;quot; , &amp;quot;courier&amp;quot; , monospace;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&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/AVvXsEhYfR8a2Bg_38TO41Jn196XCsqKWEkxTaEwYpUdSsrscLvQx6XjCHoxlihCwSK_Bg1ucFOAcwAGpadvhxbnD5gsEkKtcgmSWMpiGWmRvFYY-dY_hexiS84CCuLV5RvqZHEIBOhBlGU44jg/s1600/Untitled-min.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="create HTML page" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfR8a2Bg_38TO41Jn196XCsqKWEkxTaEwYpUdSsrscLvQx6XjCHoxlihCwSK_Bg1ucFOAcwAGpadvhxbnD5gsEkKtcgmSWMpiGWmRvFYY-dY_hexiS84CCuLV5RvqZHEIBOhBlGU44jg/s400/Untitled-min.png" title="create HTML page" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9E3nBEoNhVtYOxxj5Bnnx6ETd_dczfdB6AMCoU80TjVsB7gdvAz_blcSff6eDn79ypVvXskk1js8dTeEvV_eXRtsSxip6_zos0GaNFy4C6Cfkwe11lbVXsq37x0VMma5B6oZqv0tWieA/s1600/Untitled2-min.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="create HTML page" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9E3nBEoNhVtYOxxj5Bnnx6ETd_dczfdB6AMCoU80TjVsB7gdvAz_blcSff6eDn79ypVvXskk1js8dTeEvV_eXRtsSxip6_zos0GaNFy4C6Cfkwe11lbVXsq37x0VMma5B6oZqv0tWieA/s400/Untitled2-min.png" title="create HTML page" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;span style="color: white;"&gt;Html page&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;&lt;!--Html page--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="color: white; text-align: left;"&gt;Html page&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;Related Post:&lt;/span&gt;&lt;/div&gt;
&lt;div style="border: 2px solid red; padding-left: 2%; width: 40%;"&gt;
&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;"&gt;&lt;a href="https://androidbarclub.blogspot.in/2016/07/how-to-add-show-images-audio-video-in.html"&gt;Add Image Audio in Html page or website&lt;/a&gt;&lt;/span&gt; &lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWCreNM8RMZTU9m216LxPa4333aHj1Ir67r_7iAtiQwhBFaGWI20hoVAWJcXEtuU70fNalhtpzhQ7DWPPjdrOvUlF9QwVRlxNa5xg5jvJuiZ13Me1w44YVQ4QmHDGN9xpaH5GeCZlKeaE/s1600/barjinder-demo.jpg" style="margin-bottom: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;a href="https://androidbarclub.blogspot.in/2016/07/how-to-add-show-images-audio-video-in.html"&gt;&lt;img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWCreNM8RMZTU9m216LxPa4333aHj1Ir67r_7iAtiQwhBFaGWI20hoVAWJcXEtuU70fNalhtpzhQ7DWPPjdrOvUlF9QwVRlxNa5xg5jvJuiZ13Me1w44YVQ4QmHDGN9xpaH5GeCZlKeaE/s200/barjinder-demo.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;&lt;!--Html page--&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: yellow;"&gt;&lt;span style="font-size: large;"&gt;&lt;span style="font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;"&gt;Please Comment and provide any suggestion!!&lt;span style="color: #e69138;"&gt; THANKS&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;&lt;!--Html page--&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfR8a2Bg_38TO41Jn196XCsqKWEkxTaEwYpUdSsrscLvQx6XjCHoxlihCwSK_Bg1ucFOAcwAGpadvhxbnD5gsEkKtcgmSWMpiGWmRvFYY-dY_hexiS84CCuLV5RvqZHEIBOhBlGU44jg/s72-c/Untitled-min.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><georss:featurename xmlns:georss="http://www.georss.org/georss">India</georss:featurename><georss:point xmlns:georss="http://www.georss.org/georss">20.593684 78.962880000000041</georss:point><georss:box xmlns:georss="http://www.georss.org/georss">-8.5806465 37.654286000000042 49.7680145 120.27147400000004</georss:box></item></channel></rss>