Absolute Beginner HTML
If you know the difference between Save and SaveAs, then you can create webpages.
Absolute Beginner HTML:
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.
Change the heading to suit yourself and Under this heading type your own content.
Change the heading to suit yourself and Under this heading type your own content.
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.
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 on HTML:
More straight talking lessons.
More straight talking lessons.
Use the feedback form below to submit your comments.
Use the form below to email this article to your friends.
- HTML For Beginners: It's not that hard!
- Learning Basic HTML
- The Non-Breaking Space- HTML
- HTML Past and Present
- Importance of XHTML Website Design
- The Power OF HTML Email Advertising And When To Use Text Email
- Why to learn HTML code?
- SEO - HTML For Titles, Descriptions and Metatags
- PDF to HTML Conversion: Re-purposing the PDF
- XHTML Advantages and Future
- Pre HTML lesson
- What are HTML forms & contact forms?
- Fundamentals of HTML
- Bar Charts Brought to Life: Index of Interactive Information for HTML and PDF
- Using a Flexible HTML Report
- How to Post an Image on Myspace
- XHTML equals to Browser Compatibility
- Meta Tags Explained
- What are Meta Tags
- All HTML Tags: List of All HTML Tags