Your First Web Page

Warning! MyCSSMenu may have been blocked by IE-SP2's active content option. This browser feature blocks JavaScript from running locally on your computer.

This warning will not display once the menu is on-line. To enable the menu locally, click the yellow bar above, and select "Allow Blocked Content".

To permanently enable active content locally...

1: Select 'Tools' --> 'Internet Options' from the IE menu.
2: Click the 'Advanced' tab.
3: Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my computer.)

Top 3 Products & Services

1.
2.
3.

Essential Products & Services

Dated: Aug. 13, 2004

Related Categories

HTML
Computer Beginners Guides

This is one of those last minute articles, so don't get tied up with bad spelling (if any). This article will get you going in creating your first webpage solely created by HTML. All you need in a "NOTEPAD" program. Actually, you can do it with any text editor but for beginners, notepad utility that's build into Windows is recommended.

So let's get down to it.

First Click on:

Start > Programs > Accessories > Notepad

Once There, Click on:

File > Save As > Desktop > index.html

At this point, you should be able to see a webpage on your desktop named "index.html". Double click the web page so that you have the webpage open as well as your notepad that you are currently working on. At this point, please congratulate yourself for creating a webpage. It's a blank page, but a webpage nevertheless.

Type the following in the notepad:

<html></html><p>Now that you've gotten free know-how on this topic, try to grow your skills even faster with <a href="/online-video-training.php">online video training</a>. Then finally, put these skills to the test and make a name for yourself by offering these skills to others by <a href="/freelance-projects.php">becoming a freelancer</a>. There are literally 2000+ new projects that are posted <u>every single freakin' day, no lie</u>!</p><table align="center" cellspacing="12" cellpadding="0" border="0"><tr><td align="center" valign="top"><a href="/engine/34a6a62e/ColdFusion-Tutorial"><img src="http://techiwarehouse.com/cms/prev.png" border="0"/><br><small><b>Previous Article</b></small></a></td><td align="center" valign="top"><a href="/engine/e3994064/Top-5-Ways-to-Make-Microsoft-Outlook-More-Efficient"><img src="http://techiwarehouse.com/cms/next.png" border="0"/><br><small><b>Next Article</b></small></a></td></tr></table><div align="center"><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><script type="text/javascript">
	function isValidEmailAddress(emailAddress) {
 		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
 		return pattern.test(emailAddress);
	}
	$(document).ready(function() {
		$("#validate").keyup(function(){
		
			var email = $("#validate").val();
		
			if(email != 0)
			{
				if(isValidEmailAddress(email))
				{
					$("#validEmail").css({
						"background-image": "url('validYes.png')"
					});
				} else {
					$("#validEmail").css({
						"background-image": "url('validNo.png')"
					});
				}
			} else {
				$("#validEmail").css({
					"background-image": "none"
				});			
			}
		
		});
	
	
	        $('#namee').hide();
            $('#commentse').hide();
        $('#submit').click(function(){
                        
            var name = $("#frmname").val();
            var email = $("#validate").val();
            var comments = $("#comments").val();
          
                    
            
            if(name.length<1)
            {
              $('#namee').fadeIn();  
              return false
       
            }
            else if(comments.length<2)
            {
                $('#commentse').fadeIn();  
                return false
            }
            else if((isValidEmailAddress(email))==false)
            {
                $("#validEmail").css({
						"background-image": "url('validNo.png')"
		                			});
                
                return false
            }
            
            return true;
            
           });
	});
	</script>
    
	<style>
		#validEmail
		{
			margin-top: 4px;
			margin-left: 9px;
			position: absolute;
			width: 16px;
			height: 16px;
		}
		
		.text
		{
			font-family: Arial, Tahoma, Helvetica;
		}
                
                
	</style>
<hr/>
<h2>Be the First to Comment This Article</h2><p><strong style="color:#000;">No Registration Needed</strong></p>

<table><form name="comment" id="frm" method="post" action="http://techiwarehouse.com/cms/compost.php?page=67075939"><tr><td>Name</td><td><input type="text" name="name" id="frmname"/><span id="namee" style="color:red;">Valid Name</span> </td></tr><tr><td>Email</td><td><input type="text" name="email" id="validate"/><span id="validEmail"></span></td></tr><tr><td>Comments</td><td><textarea name="comments" rows="5" cols="25" id="comments">

Some Comments!!

Enter Number

Subscribe to Newsletters