KrishnaVandanu

online HTML editor

online HTML editor

This online HTML editor requires JavaScript to run. Your browser either doesn't support JavaScript, or JavaScript is currently disable...

online HTML editor

<div dir="ltr" style="text-align: left;" trbidi="on"><script src="http://www.quackit.com/html/online-html-editor/ckeditor/ckeditor.js" type="text/javascript"></script>    <script src="http://www.quackit.com/html/online-html-editor/ckeditor/_samples/sample.js" type="text/javascript"></script><link href="http://www.quackit.com/html/online-html-editor/ckeditor/_samples/sample.css" rel="stylesheet" type="text/css"></link>   <br /><div id="alerts"><noscript>  <b>This online HTML editor requires JavaScript to run</b>. Your browser either doesn't support JavaScript, or JavaScript is currently disabled (via preferences or options). Because of this, you will see the raw HTML code instead of the rich text / WYSIWYG editor. <p>To view the rich text / WYSIWYG editor, please enable JavaScript (or use a browser that supports JavaScript).</p></noscript>  </div><br />Use this online HTML editor to create HTML snippets or even whole HTML pages for your website, MySpace page, etc.<br />Edit the form as much as you like. When you're ready to see the code, simply click the "Source" button (at the top left of the editor).<br /><div style="width: 100%;"><br /><textarea class="ckeditor" cols="35" id="editor1" name="editor1" rows="10" style="display: none; visibility: hidden;"><title>HTML Online Editor Sample</title><h1>Online HTML Editor</h1>This is an online HTML editor. Try editing this text area - go on!</p>Here is some <b>sample bold text</b>. </p>Here is a checklist for a good online editor:</p><ul><li>Is it a <a class="zem_slink" <a="" href="http://en.wikipedia.org/wiki/HTML_element" title="HTML element" rel="wikipedia nofollow" target="_blank">href</a>="http://en.wikipedia.org/wiki/WYSIWYG" title="WYSIWYG" rel="wikipedia nofollow" target="_blank">WYSIWYG editor? (WYSIWYG means "What You See Is What You Get" - just like this editor!)</li><li>Does it generate valid HTML code?</li><li>Is it quick and easy?</li><li>Is it... FREE?</li></ul><p>Feel free to use this online HTML editor for generating HTML code for your own website, MySpace page, etc. To view the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Source_code" title="Source code" rel="wikipedia nofollow" target="_blank">source code</a>, simply click on the "Source" button above.</p><hr><p style="font-size:10px;"><a href="http://www.quackit.com/html/online-html-editor/">Online Editor</a></p>

Rich Text Editor

ajabingung.blogspot.com

online HTML editor

This online HTML editor requires JavaScript to run . Your browser either doesn't support JavaScript, or JavaScript is currently...

HTML Background Code

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: left;" trbidi="on"><br />This page contains HTML background code. Feel free to copy and paste  the HTML background code into your own website, blog, MySpace page, or  other HTML document. And feel free to modify the code as you wish.<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s320/DSCF0494.JPG" width="563" /></a></div><br /><br /><br /><h2><br />Shorthand Background Code</h2><br />The quickest HTML code for backgrounds is the <code>background</code> property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The <code>background</code> property is a shorthand property for setting all background properties at once. <br /><br /><table border="0" cellspacing="0" class="example"><tbody><br /><tr><th>Source Code</th><th>Result</th></tr><br /><tr><td><textarea class="exampleCode" cols="70" name="bodyText" rows="3" style="height: 91px; width: 386px;"> <div style="background:#eee <br />url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG) <br />repeat fixed;<br />  overflow:scroll;<br />  width:200px;<br />  height:100px;"><br /><p><br />This example sets all the background properties with one  property - the 'background' property. This keeps the code shorter and  easier to read.</p><br /></div><br />

This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.

Page Background

To set the background for the whole page, simply apply the background property against the body tag.

Example:

Alternative Background Codes

Below are more HTML background codes. In these examples, instead of using the background shorthand property, we use a property more specific to the actual effect we want to achieve. Doing this is simply an alternative - it's your choice which method you use.

Background Color

This example code applies a background color to a p tag using the background-color property. You can apply background color to any other HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.

Choose a color with the HTML color picker.

Source Code	Result
<!--<br /> Codes by HTMLcodes.me --> <p style="background-color:#0f0;color:black;width:200px;"><br />This text has got a background color applied. You could also apply background color to the whole page if you like.</p><br />	This text has got a background color applied. You could also apply background color to the whole page if you like.

Background Image

This example code applies a background color to a p tag using the background-color property. You can apply background color to any HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.

Source Code	Result
<!--<br /> Codes by HTMLcodes.me --> <div <br />style="background-image:url('http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG');color:blue;font-size:14px;width:300px;height:200px"><br />This div tag has got a background image. You could also apply a background image to the whole page if you like.</div><br />	This div tag has got a background image. You could also apply a background image to the whole page if you like.

Fixed Background Image

You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).

Source Code	Result
<!--<br /> Codes by HTMLcodes.me --> <div <br />style="background-image:url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG);<br /><br /> background-repeat:repeat;<br /> background-attachment:fixed;<br /> overflow:scroll;<br /> width:200px;<br /> height:100px;"><br /><p><br />This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.</p><br /></div><br />	This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

Source Code

Result

<!--<br /> Codes by HTMLcodes.me --> <div <br />style="background-image:url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG);<br /><br /> background-repeat:repeat;<br /> background-attachment:fixed;<br /> overflow:scroll;<br /> width:200px;<br /> height:100px;"><br /><p><br />This HTML background code demonstrates how to keep the  background image fixed. Scroll down to see what I mean - the background  image stays in the same position.</p><br /></div><br />

This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

http://ajabingung.blogspot.com/2013/03/html-background-code.html

HTML Background Code

This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or...

HTML Background Code

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">This page contains HTML background code. Feel free to copy and paste  the HTML background code into your own website, blog, MySpace page, or  other HTML document. And feel free to modify the code as you wish.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s320/DSCF0494.JPG" width="563" /></a></div><br /><h2>Shorthand Background Code</h2>The quickest HTML code for backgrounds is the <code>background</code> property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The <code>background</code> property is a shorthand property for setting all background properties at once. <br /><table border="0" cellspacing="0" class="example"><tbody><tr><th>Source Code</th><th>Result</th></tr><tr><td><textarea class="exampleCode" cols="70" name="bodyText" rows="3" style="height: 91px; width: 386px;"> <div style="background:#eee  url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG)  repeat fixed;   overflow:scroll;   width:200px;   height:100px;"><p>This example sets all the background properties with one  property - the 'background' property. This keeps the code shorter and  easier to read.</p></div>

This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.

Page Background

To set the background for the whole page, simply apply the background property against the body tag.
Example:

Alternative Background Codes

Background Color

Source Code	Result
<!-- Codes by HTMLcodes.me --> <p style="background-color:#0f0;color:black;width:200px;">This text has got a background color applied. You could also apply background color to the whole page if you like.</p>	This text has got a background color applied. You could also apply background color to the whole page if you like.

Background Image

Source Code	Result
<!-- Codes by HTMLcodes.me --> <div style="background-image:url('http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG');color:blue;font-size:14px;width:300px;height:200px">This div tag has got a background image. You could also apply a background image to the whole page if you like.</div>	This div tag has got a background image. You could also apply a background image to the whole page if you like.

Fixed Background Image

You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).

Source Code	Result
<!-- Codes by HTMLcodes.me --> <div style="background-image:url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG); background-repeat:repeat; background-attachment:fixed; overflow:scroll; width:200px; height:100px;"><p>This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.</p></div>	This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

Source Code

Result

<!--  Codes by HTMLcodes.me --> <div  style="background-image:url(http://1.bp.blogspot.com/-_aidXOZSyS8/UTg3Gxg40II/AAAAAAAAEKs/cYFzSKP-XMo/s1600/DSCF0494.JPG);   background-repeat:repeat;  background-attachment:fixed;  overflow:scroll;  width:200px;  height:100px;"><p>This HTML background code demonstrates how to keep the  background image fixed. Scroll down to see what I mean - the background  image stays in the same position.</p></div>

This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

http://ajabingung.blogspot.com/2013/03/html-background-code.html

HTML Background Code

This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or...

HTML Background

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><h1><br />Backgrounds</h1><br />HTML and CSS provides many ways of changing backgrounds in web pages.<br /><br />This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.<br /><br />Also, please consider keeping the link back to this website - if you do it will be very much appreciated!<br /><br /><h2><br />HTML Background</h2><br />The quickest HTML code for backgrounds is the <code>background</code> property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The <code>background</code> property is a shorthand property for setting all background properties at once. <br /><br /><h2><br />Example Code</h2><br />The source code (on the left) results in the HTML background (on the right).<br /><br /><br /><br /><table border="0" cellspacing="0" class="example"><tbody><br /><tr><th>Source Code</th><th>Result</th></tr><br /><tr><td><br /><br /><textarea class="exampleCode" cols="70" name="bodyText" onclick="this.focus();this.select()" rows="3" style="height: 83px; width: 349px;"><br /><br /><div style="background:#eee url(http://www.htmlcodes.me/images/backgrounds/background-image-2.gif) repeat fixed;<br />overflow:scroll;<br />width:200px;<br />height:100px;<br />border:1px solid black;"><br /><p><br />This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.</p><br /><br /><br /></div><br /><br /><br />

This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.

Page Background

To set the background for the whole page, simply apply the background property against the body tag.

Example:

HTML Background

Backgrounds HTML and CSS provides many ways of changing backgrounds in web pages. This page explains the industry standard way of creating b...

HTML Background

<div dir="ltr" style="text-align: left;" trbidi="on"><h1>Backgrounds</h1>HTML and CSS provides many ways of changing backgrounds in web pages.<br />This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.<br />Also, please consider keeping the link back to this website - if you do it will be very much appreciated!<br /><h2>HTML Background</h2>The quickest HTML code for backgrounds is the <code>background</code> property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The <code>background</code> property is a shorthand property for setting all background properties at once. <br /><h2>Example Code</h2>The source code (on the left) results in the HTML background (on the right).<br /><br /><table border="0" cellspacing="0" class="example"><tbody><tr><th>Source Code</th><th>Result</th></tr><tr><td><br /><textarea class="exampleCode" cols="70" name="bodyText" onclick="this.focus();this.select()" rows="3" style="height: 83px; width: 349px;"><br /><div style="background:#eee url(http://www.htmlcodes.me/images/backgrounds/background-image-2.gif) repeat fixed; overflow:scroll; width:200px; height:100px; border:1px solid black;"><p>This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.</p><br /></div><br />

This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.