This tutorial from http://www.w3schools.com
Introduction to HTML
==================
What is an HTML File?
* HTML stands for Hyper Text Markup Language
* An HTML file is a text file containing small markup tags
* The markup tags tell the Web browser how to display the page
* An HTML file must have an htm or html file extension
* An HTML file can be created using a simple text editor
Do You Want to Try It?
If you are running Windows, start Notepad.
If you are on a Mac, start SimpleText.
In OSX start TextEdit and change the following preferences: Open the “Format” menu and select “Plain text” instead of “Rich text”. Then open the “Preferences” window under the “Text Edit” menu and select “Ignore rich text commands in HTML files”. Your HTML code will probably not work if you do not change the preferences above!
Type in the following text:
This is my first homepage.
This text is bold
Save the file as “mypage.htm”.
Start your Internet browser. Select “Open” (or “Open Page”) in the File menu of your browser. A dialog box will appear. Select “Browse” (or “Choose File”) and locate the HTML file you just created - “mypage.htm” - select it and click “Open”. Now you should see an address in the dialog box, for example “C:\MyDocuments\mypage.htm”. Click OK, and the browser will display the page.
Example Explained
The first tag in your HTML document is . This tag tells your browser that this is the start of an HTML document. The last tag in your document is . This tag tells your browser that this is the end of the HTML document.
The text between the
tag and the tag is header information. Header information is not displayed in the browser window.
The text between the
tags is the title of your document. The title is displayed in your browser’s caption.</p>
<p>The text between the <body> tags is the text that will be displayed in your browser.</p>
<p>The text between the <b> and </b> tags will be displayed in a bold font.<br />
HTM or HTML Extension?</p>
<p>When you save an HTML file, you can use either the .htm or the .html extension. We have used .htm in our examples. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letter extensions.</p>
<p>With newer software we think it will be perfectly safe to use .html.<br />
<a href="http://balibersatu.com/?p=20#more-20" class="more-link">Read more »</a></p>
</div>
<p class="postinfo"><strong>Posted:</strong> November 12th, 2008 under <a href="http://balibersatu.com/?cat=3" title="View all posts in Customize" rel="category">Customize</a>, <a href="http://balibersatu.com/?cat=7" title="View all posts in HTML" rel="category">HTML</a>.<br />
Tags: <a href="http://balibersatu.com/?tag=html" rel="tag">HTML</a><br /><a href="http://balibersatu.com/?p=20#comments"><strong>Comments:</strong> none</a>
</p>
</div>
<div class="post">
<h2><a href="http://balibersatu.com/?p=18" rel="bookmark" title="Style Sheets">Style Sheets</a></h2>
<div class="contenttext">
<p> There is a great deal of information on CSS all over the web. Since it’s a reasonably open web development methodology with lots of options this can quickly lead to confusion and frustration.</p>
<p>We are providing you with a basic tutorial of how CSS works and why you might want to start using it. The examples on this site are designed to be lean and mean and easy for you to understand. Feel free to use what you find, all we ask is that you link back to us from your site.<br />
<a href="http://balibersatu.com/?p=18#more-18" class="more-link">Read more »</a></p>
</div>
<p class="postinfo"><strong>Posted:</strong> November 12th, 2008 under <a href="http://balibersatu.com/?cat=6" title="View all posts in CSS" rel="category">CSS</a>.<br />
Tags: <a href="http://balibersatu.com/?tag=css" rel="tag">CSS</a><br /><a href="http://balibersatu.com/?p=18#comments"><strong>Comments:</strong> none</a>
</p>
</div>
<div class="post">
<h2><a href="http://balibersatu.com/?p=15" rel="bookmark" title="Hoe to post image on PHP nuke">Hoe to post image on PHP nuke</a></h2>
<div class="contenttext">
<p>Ok i will give you solution if you have website using PHP nuke . Maybe you find the trouble on postinbg image on your post. But now thats problem will be solve.</p>
<p>Try this:</p>
<p>on your CONFIG.PHP in your cpanel, find the code bellow</p>
<pre>$AllowableHTML = array("b"=>1,"i"=>1,"strike"=>1,"div"=>2,"u"=>1,"a"=>2,"em"=>1,"br"=>1,"strong"=>1,"blockquote"=>1,"tt"=>1,"li"=>1,"ol"=>1,"ul"=>1,"img"=>2);
check it out..you can post your image now on php nuke with html tag</pre>
</div>
<p class="postinfo"><strong>Posted:</strong> November 12th, 2008 under <a href="http://balibersatu.com/?cat=3" title="View all posts in Customize" rel="category">Customize</a>, <a href="http://balibersatu.com/?cat=4" title="View all posts in PHP" rel="category">PHP</a>.<br />
Tags: <a href="http://balibersatu.com/?tag=php-nuke" rel="tag">PHP NUKE</a><br /><a href="http://balibersatu.com/?p=15#comments"><strong>Comments:</strong> none</a>
</p>
</div>
<div class="post">
<h2><a href="http://balibersatu.com/?p=3" rel="bookmark" title="WordPress Customization Guide for Newbies">WordPress Customization Guide for Newbies</a></h2>
<div class="contenttext">
<p>How do you take a spanking-new Wordpress installation and turn it into your own, customized blog? How do you add plugins and templates to the blog? How can you brand your blog, make your Wordpress stand out from the millions of others? It’s easier than it looks.</p>
<ol>
<li>Get <a href="http://binarybonsai.com/kubrick.php">Kubrick</a>, a drop in template for Wordpress, and install it. You literally copy several files into the Wordpress directory and you have a beautiful default template. It’s XHTML compliant, clean, and simple–an excellent base to build off.</li>
<li>Import your links. The fastest way to do this is to use <a href="http://www.opml.org/">OPML</a> from your favorite RSS reader. It will have an “export to OPML” option somewhere, which you can use to save all the feed URLs to a file that you will import via <em>WordPress->Links->Import Blogroll</em>. Once you’ve imported your links, sort them into categories, and add code to your template to display them:<br />
<blockquote><p><h2><?php _e(’Blogs I Read’); ?></h2><br />
<ul><?php wp_get_links(3); ?></ul></p></blockquote>
<p>is an example, using the link_ID from the categories in <em>WordPress->Links</em>. Just add one list set per newly made link category.</li>
<li></li>
<li></li>
<p> <a href="http://balibersatu.com/?p=3#more-3" class="more-link">Read more »</a></p>
</div>
<p class="postinfo"><strong>Posted:</strong> November 12th, 2008 under <a href="http://balibersatu.com/?cat=3" title="View all posts in Customize" rel="category">Customize</a>.<br />
<a href="http://balibersatu.com/?p=3#comments"><strong>Comments:</strong> none</a>
</p>
</div>
<div class="navigation">
<p><span class="prevlink"></span>
<span class="nextlink"></span></p>
</div>
</div>
<div id="footer">
<p><span class="credits">© 2008 <a href="http://balibersatu.com">balibersatu.com</a> - <a href="http://balibersatu.com/?feed=rss2">Entries (RSS)</a> - <a href="http://balibersatu.com/?feed=comments-rss2">Comments (RSS)</a> - <a href="http://balibersatu.com/wp-login.php">Log in</a></span><br /><a href="http://layout-gallery.com">Support by Layout Gallery</a> Themes by <a href="http://balibersatu.com/" title="Design by balibersatu">Balibersatu</a> - Powered by <a href="http://wordpress.org/">WordPress</a></p>
</div>
</div>
</body>
</html> 
