.
Uranium Sulfur Oxygen Department of Chemistry The Ohio State University Department of Chemistry Department of Chemistry The Ohio State University I go round and round Department of Chemistry The Ohio State University return to the chemistry home page return to the chemistry home page return to the main graduate page return to the chemistry home page return to the main internal resources page return to the chemistry home page return to internal resources page return to the computer support page return to the chemistry home page return to the main undergraduate page

     

Basic Document and Tag Structure

What is HTML?

HTML stands for "Hypertext Markup Language". HTML is used to author documents or pages on the World Wide Web.
Web pages written in HTML tell Web browsers how to display their content.

What is "Hypertext"?

What makes HTML distinguishable from plain text is a feature that enables it to connect pages to one another; these are called hyperlinks. By definition, " hypertext " refers to documents that contain cross-references or links to different locations in the same document or other documents. Also, HTML provides the ability to use elements such as audio, video, images and other types of content (this is sometimes referred as "hypermedia").

What does "Markup" mean?

The term "Markup" indicates that the code used in HTML documents specifies what kind of data will be displayed on the monitor by the web browsers. In other words, your web browser (Netscape or Internet Explorer, for example) translates HTML tags into what you see on your screen when you look at a web page.

Let's talk about tags:

Tags are used to specify HTML code. The tags are the elements of the code. Some examples of required tags are <HTML> <HEAD> <TITLE> and <BODY>. These tags are used to begin an HTML document. Most tags are used in pairs surrounding the text, image or other object. Beginning HTML tags contain angle bracket   (<), a tag name, and a right angle bracket  (>) and the ending HTML tags are same way except a slash (/) before the tag name. For example, this is how you would write the title "Welcome to my page" in HTML:

   <TITLE> Welcome to my page </TITLE>

HTML Tag Examples

  HTML

All of elements inserted between a beginning HTML tag and a ending HTML tag are recognized as HTML-coded information by your browser.

  HEAD

It indicates the first part of your HTML document and it contains TITLE.

  TITLE

Title contains your document title and indicate what kind of content is in your document. Therefore, titles are usually used by search engines when we search by keywords. A title you write in HTML document does not show up on its actual Web page. The title shows up at the very top of the browser window, above the "File" and "Edit" menus. The name of the title of this web page is the same as the first text that appears on it: "Basic Document and Tag Structure"

  BODY

It is the part that contains HEADINGS (don't confuse these with "HEAD"--see more below), PARAGRAPHS, and several other elements. It can contain different kinds and sizes of fonts.

  HEADINGS

In the BODY, there are six levels of headings. H1 is the largest font and H6 is the smallest.

  PARAGRAPHS

Also in the BODY, a PARAGRAPH tag is used to break between paragraphs. It enters a blank line in between two lines of text. Similarly, a BREAK tag moves to the next line of text without putting a blank line in.

Anyway, actual html document looks like this,


<HTML>
<HEAD>
 <TITLE>Title goes here</TITLE>
</HEAD>
<BODY>
 <H1>Headings</H1>
 <P>This is your first paragraph!</P>
 <P>This is the second paragraph!! </P>
</BODY>
</HTML>

Tags are CASE INSENSITIVE

The HTML standard dictates that the two tags <HTML> and <html> are treated equivalently by any browser. You can even start with <HTML> and close with </html>. As an extreme example the following HTML tags

<FoNt CoLOr=#00aCfF> Light blue text goes here ! </FoNT>

also work, but are difficult to read.

Pairs of tags vs. Single tags

Most tags are used in pairs, however, an exception is the "LIST ITEM" or <LI> tag.

<UL>
   <LI> dog  
   <LI> cat 
</UL> 

The code above creates an unnumbered list that looks like this:
  • dog
  • cat

HTML file names

HTML documents are usually named "filename.html". The extension ".html" indicates to the browser that "filename" is an HTML document. ".htm" is also used in same way and browsers can recognize that ".htm" documents are written in HTML.

Contact Information:
Department of Chemistry
The Ohio State University
100 W. 18th Avenue
Columbus, Ohio 43210
phone: (614) 292-2251
fax: (614) 292-1685
Contact Us

If you have trouble accessing this page and need to request an alternate format,
please contact Michael Reed at mreed@chemistry.ohio-state.edu

© 2005, All rights reserved, The Ohio State University, Department of Chemistry