Web Page Basics HTML
What is HTML?
  • HTML stands for "Hyper Text Markup Language"
  • A HTML file is a text file containing small markup tags
  • The markup tags tell the Web browser how to display the page
  • A HTML file must have an htm or html file extension much like a page you make in microsoft word ends in "doc".
  • A HTML file can be created using a simple text editor like notepad or simple text. You can also use programs like microsoft word.

Do You Want to Try It?
If you are running Windows, start Notepad.

If you are on a Mac start Simple Text.

In Macintosh OSX (smart choice) start Text Edit and change the following preferences: Select (in the preferences window) "Plain text" instead of "Rich text" and then select "Ignore rich text commands in HTML files". This is very important because if you don't do this HTML codes probably won't work.

Before we get started lets talk some basics:

A "tag" is a coded command used to indicate how part of a Web page should be displayed. It is the language that the browser talks.

Examples of "tags"

<HTML> and </HTML> You will most likely see these at the very top and very bottom of a HTML page. The HTML tag tells the browser what language the page is written in. This is like a word document ending in the ".doc". The ".doc" tells the computer it is a word processor document.

<HEAD> and </HEAD> The <HEAD> tag is the section of the HTML page where you place information that tells about the page.

<TITLE> and </TITLE> This tag gives your page a name up on the top of the browser bar. The information you put in this tag will not show up in the page itself but will show up on the browser bar. It is important because search engines use it in their listings and what you see in those listings. It is also what shows up in your bookmarks when you bookmark a page.

<BODY> and </BODY> The <BODY> tag tells the browser that the information between these two tags is the meat and potatoes of the page. This includes the font color, text you type, page color, images, etc. Without that tag you would not have much of a page.

Most but not all HTML has two parts as you can see above:
The first one is called the OPENING tag "<" which tells where a piece of text begins and the second part is the CLOSING tag "</" to tell you where a piece of text ends. As you can see the closing tag has a "/" right after the "<" symbol.

HTML tags are not case sensitive, <b> means the same as <B>

Check out the next page to start making a web page and give this a try:Williamsclass Mr. Williams

Return to Williamsclass Electives Page:

Return to Williamsclass Home Page: