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

Networking CompTIA IT Courses - Insights

By: Jason Kendall | 07/12/2009
In the UK today, industry would struggle were it not for support workers mending networks and computers, while giving advice to users on a constant basis. The world's need for such qualified and commercially astute individuals is consistently on the grow, as everywhere we work becomes more and more dependent upon technology.

How To Quit Drinking Through Online Support

By: Ed Philips | 06/12/2009
Discover how to quit drinking as revealed in Ed Philips "Quit Drinking Guide", which offers tried and tested alcoholic addiction support to quit drinking within 21 days.

Adobe CS3 Design Course Providers Revealed

By: Jason Kendall | 04/12/2009
If your future is in a career in web design, find a course in Adobe Dreamweaver. In order to take advantage of Dreamweaver commercially as a web designer, a thorough comprehension of the entire Adobe Web Creative Suite (which includes Flash and Action Script) is something to consider very seriously. With these skills, you might lead on to becoming an Adobe Certified Professional (ACP) or an Adobe Certified Expert (ACE).

Advantages of Elearning: Breaking Boundaries of Traditional Teaching Method

By: Joel Owens | 04/12/2009
Evolution comes when the need for it arises and as technology prospers so does the education industry. The media used in education have come a long way from stone tables to the early pen and paper.

Pass Christian University (PCU.EDU) - Introduces a New Online Introduction to Adobe Acrobat 9 Course

By: Tom West | 03/12/2009
PCU has a program that makes it easy to take high-quality, noncredit online courses. PCU now offers hundreds of online, instructor-facilitated courses and is pleased to announce the launch of "Introduction to Adobe Acrobat 9." This course will teach students, business owners, and at-home software users how to create PDF documents and more with Adobe Acrobat 9 Pro, showing them many of the software's time- and cost-saving features along the way.

IT Courses Across The UK - Thoughts

By: Jason Kendall | 03/12/2009
CompTIA A+ consists of 4 training sections; you're considered an achiever in A+ when you've gained exams for two of the four areas. Because of this, most training providers offer only two of the training courses. The truth is you will need the teaching in all areas as a lot of employment will require an awareness of the entire course. It's not essential to pass exams in all of them, but we would recommend you study for all four areas.

Mlm Is commendable And A Reasonable Way To Generate A Living

By: Dale Dupree | 02/12/2009
the real attainment is in building the team. Let your sales come as the natural result of building the organization. The word "selling" triggers negative thoughts

Network Marketing Is Good And A Legitimate Way To Accomplish A Living

By: Dale Dupree | 02/12/2009
Review of actions by the federal trade commission. Surveys of consumers in areas of intense mlm participation. Surveys of presidents of leading mlm's and communications with other top mlm officials. Analyses of

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.