Skip to content

HTML Tutorial

Welcome to Newbtopro.com's HTML tutorial. Reading this guide will give you the basics of using HTML (HyperText Markup Language) to create or customize your own web pages.

HTML is not a programming language, it is a markup language. People use HTML to format text to show to their web site visitors. A programming language requires code to be compiled or interpreted while HTML is just about "tagging" text to make it show they way you want it. Think of HTML as a "theming" or "presentation" language.

Note: This guide will not discuss Cascading Style Sheets (CSS). I may make a few references to it, but I will hardly go in depth. CSS is large enough to warrant its own guide. Once I complete this guide, I will start writting a CSS guide.

Requirements

Writing HTML doesn't require a lot, just a text editor and a web browser. Below is a list of programs you can use to get started writting and displaying HTML.

Text Editors

  • Notepad (Windows)
  • Vi or Vim (Linux)
  • Emacs (Linux)
  • Notepad++ (Windows)
  • Coda (Mac OS X)

Web Browsers

  • Internet Explore (Windows)
  • Firefox (Windows/Linux/Mac OS X)
  • Safari (Mac OS X)
  • Opera (Windows/Linux/Mac OS X )

Terminology

Once you have satified the requirements, we need to bring you up to speed on some basic terminology ("jargon") that is used in HTML.

  • Tag - Used to "markup" text, images and objects. <p> is an example of a tag.
  • Element - A complete tag, having both an opening tag (<p>) and a closing tag (</p>)
  • Attribute - Used to modify an element. (class="content")

So let's get started!

Note: This guide is still a work in progress. I am adding pages daily, so check back often for more information.

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <p><b><i><pre><a><img><em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><h1><h2><h3><h4><h5><h6>
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.

More information about formatting options