HTML 101: How to Design a Basic Web Page For Your Business
This tutorial walks you step-by-step through how to create a basic HTML web page. Knowing HTML will help you build your online presence. Your business will need a strong presence on the Internet to succeed in today's cyber-world.
HTML stands for Hyper-Text Markup Language and it is the programming code for all websites. You will be shown how to set up in Notepad a basic HTML document. This tutorial does not cover FTP (file transfer protocol) which involves publishing your web page on the Internet.
To begin, find the program Notepad on your computer. The best way to find it is to go to the startup icon on the lower left hand side.
For a quick way to locate your Notepad program, enter the words €Notepad€ in the box labeled €Search programs and files.€
Click on the notepad icon and the application will appear.
You will be entering your HTML code in the notepad and then saving it with a special file extension,.html or.htm. In the notepad, type the HTML tags exactly as they appears because your computer will not recognize the commands otherwise.
<html>
<title> </title>
<body>
</body>
</html>
After you type everything as it appears, save it. Go to File on the top to the far left, click it and select Save. Navigate to the folder you want to save your file and on the bottom where you enter a name for your file, it is important you put the file extension.html.
The file name is not as important as the file extension. You can use a different file name, but make certain you put a period and html after your filename for the extension. This tells the computer this is a web page. Then, click the Save button.
You will be taken back to your Notepad file. On the upper left hand corner, notice your notepad file now says €webpage€ or whatever filename you chose for it.
Believe or not, but you have just created a basic webpage. Let's go over what the code you entered means.
<html> - opening HTML tag
<title> </title> - opening and closing title tag
<body> - opening body tag - this is where all your content will appear.
- opening paragraph tag
- closing paragraph tag
</body> - closing body tag
</html> - closing HTML tag
All is needed now is content. Content refers to the text and images you see when you view your web page in the browser. Be sure when you add content you are entering it in the correct areas, between the appropriate opening and closing tags. The opening tags are those tags that do not have a / slash mark and closing tags are the ones that do have the / slash.
<html>
<title> Add your title to your document here. It will appear on the browser tab on the top. </title>
<body> Add your body content here.
Add paragraph here.
</body>
</html>
Enter your own content, taking care to enter the correct content in the correct area in between the appropriate opening and closing tag.
After you have entered your content in the appropriate areas, click Save by going to the File, clicking on the drop down menu and selecting Save. Remember the directory path you saved it to.
Once you saved it, click on the collapse icon on the right hand top of the Notepad screen.
That will make your notepad file collapse.
Next, navigate to where you saved your.html file and notice the icon next to it.
If you are using Internet Explorer, you will see the Internet Explorer icon. If you are using Firefox, you will see the Firefox icon.
Click on the file to see how your file will be viewed in the browser just like a regular website.
Take note, your web page is not published on the Internet. You have, however, learned basic HTML. For more help with your HTML understanding, visit Santa Fe Springs SEO Company website.
HTML stands for Hyper-Text Markup Language and it is the programming code for all websites. You will be shown how to set up in Notepad a basic HTML document. This tutorial does not cover FTP (file transfer protocol) which involves publishing your web page on the Internet.
To begin, find the program Notepad on your computer. The best way to find it is to go to the startup icon on the lower left hand side.
For a quick way to locate your Notepad program, enter the words €Notepad€ in the box labeled €Search programs and files.€
Click on the notepad icon and the application will appear.
You will be entering your HTML code in the notepad and then saving it with a special file extension,.html or.htm. In the notepad, type the HTML tags exactly as they appears because your computer will not recognize the commands otherwise.
<html>
<title> </title>
<body>
</body>
</html>
After you type everything as it appears, save it. Go to File on the top to the far left, click it and select Save. Navigate to the folder you want to save your file and on the bottom where you enter a name for your file, it is important you put the file extension.html.
The file name is not as important as the file extension. You can use a different file name, but make certain you put a period and html after your filename for the extension. This tells the computer this is a web page. Then, click the Save button.
You will be taken back to your Notepad file. On the upper left hand corner, notice your notepad file now says €webpage€ or whatever filename you chose for it.
Believe or not, but you have just created a basic webpage. Let's go over what the code you entered means.
<html> - opening HTML tag
<title> </title> - opening and closing title tag
<body> - opening body tag - this is where all your content will appear.
- opening paragraph tag
- closing paragraph tag
</body> - closing body tag
</html> - closing HTML tag
All is needed now is content. Content refers to the text and images you see when you view your web page in the browser. Be sure when you add content you are entering it in the correct areas, between the appropriate opening and closing tags. The opening tags are those tags that do not have a / slash mark and closing tags are the ones that do have the / slash.
<html>
<title> Add your title to your document here. It will appear on the browser tab on the top. </title>
<body> Add your body content here.
Add paragraph here.
</body>
</html>
Enter your own content, taking care to enter the correct content in the correct area in between the appropriate opening and closing tag.
After you have entered your content in the appropriate areas, click Save by going to the File, clicking on the drop down menu and selecting Save. Remember the directory path you saved it to.
Once you saved it, click on the collapse icon on the right hand top of the Notepad screen.
That will make your notepad file collapse.
Next, navigate to where you saved your.html file and notice the icon next to it.
If you are using Internet Explorer, you will see the Internet Explorer icon. If you are using Firefox, you will see the Firefox icon.
Click on the file to see how your file will be viewed in the browser just like a regular website.
Take note, your web page is not published on the Internet. You have, however, learned basic HTML. For more help with your HTML understanding, visit Santa Fe Springs SEO Company website.
Source...