HTML Tutorial:

<h1>HTML Tutorial:</h1><strong>Author: <a title="Padraig MacGiolla" href="http://www.articlesbase.com/authors/padraig-macgiolla/160780.htm">Padraig MacGiolla</a></strong><br /><p>If you can type your name on a computer and you know the difference between Save and SaveAs, then by the end of this article you will be able to create a webpage. <br /><br />To most nerds of computer programming, html is not even a programming language. They are right about one thing, its easy and with very little practice you can be developing your own webpage. So forget about the science and lets get straight to it. <br /><br />The whole webpage file is created between 2 tags <html> </html> these tell your browser how to deal with what is between them. If you were to type plain text between these tags they would show in your browser as full lines of text, without format. You would need to use different tags to get the required effect you need. <br /><br />For example a <br> tag is used to create a break to the next line in your browser. <font> is used to change the size, color and style of text. <br /><br />Open notepad, wordpad or some word editor on your computer. Type in exactly what you see below in blue, or copy and paste it. Now Save As first.html onto your desktop. You can then chop and change the code to suit yourself. You must use the extension .html this determines that it is a html file. <br /><br /><html> <br /><h1>HELLO WORLD</h1> <br /><h1> Between the h1 tags shows this size heading. </h1> <br />Change the heading to suit yourself and Under this heading type your own content. <br /><br /><h2> Between the h2 tags shows this size heading.</h2> <br />Change the heading to suit yourself and Under this heading type your own content. <br /><br /><h3>Between the h3 tags shows this size heading.</h3> <br />Change the heading to suit yourself and Under this heading type your own content.<br /><br /><br><br><br /><font color="red">use the font tag to give a color to text</font><br><br /><font color="blue">use the font tag to give a color to text</font><br><br /><font color="orange">use the font tag to give a color to text</font><br><br /></html><br />When you have this in a file and saved to your desktop, you can open it by double clicking the internet icon called first.html that should be on your desktop. You will not appreciate the simplicity of the code in blue until you see the actual html page opened in your browser.<br /><br />By comparing the open webpage first.html and the html code to create it, you will notice how easy it is to make changes to it. Below is how it should look in your browser.</p> <p>HELLO WORLD Between the h1 tags shows this size heading.</p> <p>Change the heading to suit yourself and Under this heading type your own content.</p> <h2>Between the h2 tags shows this size heading.</h2> <p>Change the heading to suit yourself and Under this heading type your own content.</p> <h3>Between the h3 tags shows this size heading.</h3> <p>Change the heading to suit yourself and Under this heading type your own content. <br /><br />use the font tag to give a color to text<br />use the font tag to give a color to text<br />use the font tag to give a color to text<br /><br />The reason you dont need <br> tags between the headings is that the <h1> <h2> <h3> tags create their own breaks. Remember you can use the SaveAs option to save different variations of this file, so feel free to experiment.<br /><a href="http://www.adviceall.com">More Beginners HTML</a></p><strong>About the Author:</strong><br /><p>Article Source: <a href="http://www.articlesbase.com/">ArticlesBase.com</a> - <a href="http://www.articlesbase.com/e-learning-articles/html-tutorial-1004213.html" title="HTML Tutorial:">HTML Tutorial:</a></p>

If you can type your name on a computer and you know the difference between Save and SaveAs, then by the end of this article you will be able to create a webpage.

To most nerds of computer programming, html is not even a programming language. They are right about one thing, its easy and with very little practice you can be developing your own webpage. So forget about the science and lets get straight to it.

The whole webpage file is created between 2 tags <html> </html> these tell your browser how to deal with what is between them. If you were to type plain text between these tags they would show in your browser as full lines of text, without format. You would need to use different tags to get the required effect you need.

For example a <br> tag is used to create a break to the next line in your browser. <font> is used to change the size, color and style of text.

Open notepad, wordpad or some word editor on your computer. Type in exactly what you see below in blue, or copy and paste it. Now Save As first.html onto your desktop. You can then chop and change the code to suit yourself. You must use the extension .html this determines that it is a html file.

<html>
<h1>HELLO WORLD</h1>
<h1> Between the h1 tags shows this size heading. </h1>
Change the heading to suit yourself and Under this heading type your own content.

<h2> Between the h2 tags shows this size heading.</h2>
Change the heading to suit yourself and Under this heading type your own content.

<h3>Between the h3 tags shows this size heading.</h3>
Change the heading to suit yourself and Under this heading type your own content.

<br><br>
<font color="red">use the font tag to give a color to text</font><br>
<font color="blue">use the font tag to give a color to text</font><br>
<font color="orange">use the font tag to give a color to text</font><br>
</html>
When you have this in a file and saved to your desktop, you can open it by double clicking the internet icon called first.html that should be on your desktop. You will not appreciate the simplicity of the code in blue until you see the actual html page opened in your browser.

By comparing the open webpage first.html and the html code to create it, you will notice how easy it is to make changes to it. Below is how it should look in your browser.

HELLO WORLD Between the h1 tags shows this size heading.

Change the heading to suit yourself and Under this heading type your own content.

Between the h2 tags shows this size heading.

Change the heading to suit yourself and Under this heading type your own content.

Between the h3 tags shows this size heading.

Change the heading to suit yourself and Under this heading type your own content.

use the font tag to give a color to text
use the font tag to give a color to text
use the font tag to give a color to text

The reason you dont need <br> tags between the headings is that the <h1> <h2> <h3> tags create their own breaks. Remember you can use the SaveAs option to save different variations of this file, so feel free to experiment.
More Beginners HTML

Rate this Article:

0 / 5 stars - 0 vote(s)

Re-Publish

Article Source: http://www.articlesbase.com/e-learning-articles/html-tutorial-1004213.html

Article Tags: Learning, Webpage, Html, Beginners, Tutorial

Related Videos
Related Articles
Ask / Related Q&A

Play

How to Create A Free Website From Scratch

Play

How to Create a New Website in Adobe Dreamweaver Lesson 4

Play

How to Create a New Website in Adobe Dreamweaver Lesson 3

Play

How to Create a New Website in Adobe Dreamweaver Lesson 1

Play

How to Copy and Paste HTML into FrontPage

Latest E-Learning Articles
More from Padraig MacGiolla

Optimize Performance by Automatically Defragging on Idle

By: Jason Kent | 07/11/2009
Defrag your hard drive the smart way for optimal performance!

CompTIA Retraining - News

By: Jason Kendall | 06/11/2009
Four separate areas of study make up a full CompTIA A+; you're thought of as an achiever in A+ when you've passed the test for 2 out of 4 subjects. Because of this, it's usual for colleges to only teach 2 specialised areas. The truth is it's necessary to have the information on each subject as many positions will be looking for an understanding of each specialist area. It's not essential to pass exams in all of them, but we would recommend you learn about all four.

Career Development through Online Computer Training

By: John Mahoney | 06/11/2009
Not anyone who wants improvement in their computer knowledge or skills has the spare time to go to classrooms and endure these trainings. Online courses provide them with the facts and preparation needed for various technical certification exams.

Creative Anniversary Gifts

By: bettypalmateerjh | 06/11/2009
Creative anniversary gifts involve high creativity. These gifts have their special meaning and significance and also bear your personal sentiment. If time is not an issue in planning the gift for the couple, consider your talents. Your imagination is your only limitation!

Summing up all Importance in the Preparation of Elearning

By: Joel Owens | 06/11/2009
Practically anyone will agree, preparation is one of the most important parts of virtually any activity that needs to be done. Motivational speakers will even stress that the proper preparation will allow anyone to overcome any and all challenges and tasks that come their way.

Toshiba laptop norms do your job out of office

By: Laptop Battery | 05/11/2009
Although this title "maybe" has potential to be used from mobile providers because this sounds bombastic, actually we would like to show you what to pay attention to and how to behave if you are mobile computer costumer. TOSHIBA Laptop Battery To be more precise, if you work in company with developed network infrastructure, and you sometimes or often do your job out of office using your laptop, try to keep this 7 norms:

Programming Career Courses From Home Uncovered

By: Jason Kendall | 05/11/2009
All of us are short of time, and most often should we have cause to advance our future prospects, training outside of working hours is our best way forward. Training tracks certified by Microsoft could offer a solution. You may wish to discuss all the different permutations with a person who understands the commercial needs of the market, and can influence your choice of the most appropriate area to suit your personality. Confirm that your training course is personalised to your ability level...

Free Anti Virus, True or False

By: Padraig MacGiolla | 06/10/2009 | Security
If you were to type “free anti virus” into Google you will notice that there are millions of links for you to surf. Most of the main vendors will appear high up in the searches but for the person searching its a case of trying to find out if they are really free or some kind of scam.

Rootkit Remover

By: Padraig MacGiolla | 03/09/2009 | Security
Viruses and Spyware now have the added danger of being assisted by a rootkit installed on the infected machine. What does this all mean to the average computer user? Well the bottom line is that Anti Virus or Anti Spyware may not remove viruses or spyware because of a rootkit.

What Are Rootkits?

By: Padraig MacGiolla | 30/08/2009 | Security
The reality of rootkits is fast becoming apparent to even the non-technical. But maybe the non-technical dont realize just how big a problem rootkits are becoming. After running Top Anti-Virus on any system you are now not guaranteed to be rid of Malware etc. This is mainly due to the existence of rootkits and in particular Kernel-Mode Rootkits.

HTML Tutorial:

By: Padraig MacGiolla | 30/06/2009 | E-Learning
If you can type your name on a computer and you know the difference between Save and SaveAs, then by the end of this article you will be able to create a webpage. To most nerds of computer programming, html is not even a programming language. They are right about one thing, its easy and with very little practice you can be developing your own webpage. So forget about the science and lets get straight to it.

Free Antivirus, true or false?

By: Padraig MacGiolla | 25/06/2009 | Software
Is Antivirus or Anti Spy-ware really free or is there a catch. The fact of the matter is that there is plenty of free software out there, but it’s how you choose it and use it that determines how free it is. Some of the Anti Virus vendors give a free trial of their product and others give it free with some features left out. There are some that give it free with all features and no conditions. Either way you will get substantial protection without spending any money. So where is the catch?

Trojans, Worms, Rootkits; are they misunderstood?

By: Padraig MacGiolla | 27/05/2009 | Security
There are many reasons to fear Trojans, Worms and Rootkits, but the fact of the matter is that viruses and spyware only use them. Yea that is right; these are mainly legitimate technologies that get exploited.