NavigationIntroduction to HTML Basics
Hi since you're new here, you may want to subscribe to our RSS feed to get convenient updates.. Thanks for visiting!
Here you will learn the very basics of HTML – exactly what you need to get started in the HTML world. By the end of this tutorial, you’ll learn how to create a basic web page that you can even view in your browser!
What is HTML?
HTML stands for Hyper Text Markup Language, and it is the code that is used most commonly to craft websites. A file containing HTML must end with .htm or .html file extension, or it isn’t valid. An HTML file can be created using a common text editor, like Notepad (Windows) or SimpleText (Mac OS).
The Basics
The first, and most important tag, is <html>. It tells your computer to read it as an html file, and every website coded with HTML has that tag.
Each tag has a start and an end. This is the start tag for the HTML tag:
<html>
And this is the end tag for the HTML tag:
</html>
Your computer reads that /, and knows that it is the end of the HTML.
For a website, try this:
<head>
<title>The Title of My Page</title>
</head>
Inside an HTML file (Using the HTML tag), this is the beginning of a new webpage. Inside the <head></head> tags is the header information, but it is not displayed in the browser window.
The information that’s between the <title></title> tags is the title of your page – it’s the words that are displayed in your browser’s caption.
Something important to remember is that you should always end the tags in the way they started – you wouldn’t end the example above </head></title>, you would end it </title></head>, because it can really screw with your code. If you remember that what is first ends last, you’ll be just fine.
Try this after you use </head>:
<body>
This is my website! It’s cool!
</body>
Inside the <body></body> tags contains all the information, be it text or pictures or something else entirely, that shows up in your browser.
So let’s put it all together! Open NotePad, or SimpleText on Macs, and type:
<html>
<head>
<title>The Title of My Page</title>
</head>
<body>
This is my website! It’s cool!
</body>
</html>
Save the file to your computer as mywebpage.html, and then open it in your browser – FireFox, Flock, Internet Explorer, Safari , whichever you use.There you go! The bare-bones essential information on starting your very own web page. If you want to learn more about altering text, check out Basic Font Formatting in HTML, so you can see how to make text bold, underlined, and even colored text.
One Response to “Introduction to HTML Basics”
Comment on this article/tutorial
You must be logged in to post a comment.
December 6th, 2008 at 10:58 pm
[...] want to try the fun stuff, huh? Okay.Go back to Introduction to HTML, and following the instructions, create an HTML document. Now, where the <body> is, type the [...]