HTML Basics for Work at Home Parents
- 2 Comment
It doesn't take a Wizard to Create HTML!
HTML Basics. One of the big misconceptions for those without a technical background is that only super-techno-geeks or magicians can code web pages. If you’re a work at home parent (or an aspiring one), whether you are a freelance writer, web marketer, or eBay Mogul, you likely will need to develop a working knowledge of HTML in order to help minimize your costs. Three common tasks that come to mind for Work at Home parents where a working knowledge of HTML can significantly decrease costs (or increase sales!) are in the performance of their Craigslist ads, Blog writing, or eBay listings. There a number of others that come to mind, but we’ll get into those on future posts. This article will walk you through the basics of creating a simple web page.
What is HTML?
HTML stands for Hyper Text Markup Language. A HTML document (think any file with a .htm or .html extension) describes a webpage and contains both HTML tags and text data. Your web browser’s primary purpose in life is to read the HTML document and translate it to the “pretty” view that displays in your web browser. The HTML tags (also referred to as markup), are defined by the World Wide Web Consortiums standard definition of the language to ensure that the end-user (you, me, and our viewers!) sees the same page in Mozilla as well as Internet Explorer or Google Chrome.
What Do You Need to Write a Web Page?
Don’t go buy a tool just yet, you’ve already got what you need on your computer! That’s write, whether its a Windows computer or Mac, it comes with a text editor! You will eventually want to use a tool that gives you a WYSIWYG (What You See is What You Get) capability, but its not needed for this tutorial!
Making Your First Web Page
We’re going to walk you through a very basic example to show that you can write a web page quickly! I’ll have you build it first then explain what the tags in the document mean.
Step 1 - Open Your Text Editor and open a new file.
Step 2 - Type the following code (or copy and past it!) into your text editor.
<html>
<body>
<h1>This is a Heading</h1>
<p>For the first paragraph in my first web page!</p>
</body>
</html>
Step 3 - Select “File->Save As” on the file menu of your text editor. On the bottom part of the File Save menu select the arrow and change the file type from .txt to *.*. Then, type “MyFirstWebpage.html” for the file name and save to your computer. A common mistake is for you to inadvertently save the file as “MyFirstWebpage.html.txt.” If this is the case, try to resave the file or rename it.
How to Save Your First Web Page in Notepad
Step 4 - Open your file in the web browser by selecting “File-> Open File” in your browser’s file menu.
Step 5 - View Your page and thats it!
Your First Web Page
HTML Tag Explanations
HTML tags are pre-defined keywords that are surrounded by brackets. In order for your webpage to pass validation, every opening tag should have a corresponding closing tag, <html> </html> as an example.
<html> – The text that comes in between the opening and closing HTML tag describes your web page.
<body> – The body tags define the content that a web browser is going to treat as your visible page information.
<h1> – H1 is one of 6 heading tags that you can use for a web page. The valid ranges go from H1 to H6 increasing in size as you get larger in number.
<p> – This is the paragraph tag. You could remove it from the example and the data will still display, however when we start reviewing Cascading Style Sheets you will see why you should use the paragraph tag in your content.
Next time, we’ll review how to include images and links in your web page all in preparation for helping you create your first guicci eBay listing!
Sponsored Links
BookMarking Demon – The Best Social Bookmarking Tool on the Market for Getting Your Blog Articles Distributed! Get Targeted Traffic, High Pr Backlinks.
Registry Cleaner and Optimizer
Had your computer for more than six months? You’re likely experiencing a hit on its performance from the Window’s Registry being mucked up. This software is easy to download and is no kidding a one click fix to correcting your Window’s registry faults! See an increase in computer performance immediately!
Watch Over 3000 TV Channels on Your Computer – World Wide
With this download you can watch a ton of television channels on your computer! Works world-wide and is a great way to minimize your monthly television costs!
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
2 Comments on this post
Trackbacks
-
Free Backlinks said:
Also, take a look at some of the listings on the site that use HTML to varying degrees. Free Backlinks
May 6th, 2009 at 4:05 am
[...] HTML Basics for Work at Home Parents [...]