g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Full Schedule
g HTML Site

BellaOnline's HTML Editor


Getting Started with HTML

Guest Author - Elizabeth Connick

HTML is an acronym for Hyper Text Markup Language. It's the basic language used to create web pages. Other languages and tools exist to add new dimensions to the Web, but HTML remains the foundation for webpage development.

To experiment with HTML, you don't need a server or even an internet connection – all you need is a text editing program and a web browser. Since you're viewing this article on the web, you presumably have a web browser, and nearly all computers come with a basic text editor – Notepad for Windows machines and TextEdit for Macs (called Simple Text on pre-OSX machines).

An HTML page is made up of sections of text surrounded by tags. These tags always look something like this:


The opening tag of an element is composed of the tag name between a lesser-than sign (<) on the left and a greater-than sign (>) on the right. The closing tag (which tells the computer that the element is finished) is composed of a lesser-than sign (<), a slash (/), the tag name (in this case, html) and the greater-than sign (>). Tags can be either upper case or lower case; it makes no difference to the computer, so it's up to you.

The first and most basic tag is the HTML tag, shown in the example above. The HTML tag opens and closes every HTML page.

Within the HTML tag, pages are divided into two main parts: the head and the body. The head of an HTML page tells the browser how to build the page. It gives information about the character set to use (Latin characters, Chinese characters, Cyrillic characters, etc.) and may also have links to other documents that provide template information about the page. The head section begins and ends, fittingly enough, with the head tags:


The body section is the meat and potatoes of the page. This is where you'll find the text and images which show up in a visitor's browser. It probably won't surprise you by now to hear that the body section is bracketed by the body tags:


Putting together the tags we've discussed so far, an extremely basic HTML page would look like this:


This is a valid HTML page but it wouldn't actually do anything, since there's nothing inside the tags. Tags exist to tell your visitor's browser how to handle whatever is between the opening and closing tag. For example, if you were to write the code…

<p>Hello world!</p>

… a browser would see the <p></p> tags, which indicate a paragraph, and display the text between the tags accordingly.

Let's incorporate the new tag into that basic HTML page:

<p>Hello world!</p>

To see what this will do, open Notepad or another text editor and paste the above code into it (everything from <html> to </html>). If you're using an OSX Mac, go to the Format menu in TextEdit and select Plain Text, then open the Preferences menu and select "Ignore rich text commands in HTML files." Save the file as homepage.html. Then open your web browser and select the Open option from the File menu. Browse to homepage.html and click OK. You should now be able to view this page in your browser!
This site needs an editor - click to learn more!

Add Getting+Started+with+HTML to Twitter Add Getting+Started+with+HTML to Facebook Add Getting+Started+with+HTML to MySpace Add Getting+Started+with+HTML to Del.icio.us Digg Getting+Started+with+HTML Add Getting+Started+with+HTML to Yahoo My Web Add Getting+Started+with+HTML to Google Bookmarks Add Getting+Started+with+HTML to Stumbleupon Add Getting+Started+with+HTML to Reddit

RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the HTML Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Elizabeth Connick. All rights reserved.
This content was written by Elizabeth Connick. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor