Reviews and recommendations on this web site, including web hosting reviews, may result in commissions paid to Dave's Site. Follow on Twitter @firstdave
Check Out my new PhoneGap Tutorial / Cordova Tutorial

Hosting Tutorial - Table of Contents
This course was developed in much earlier days of the web and has been updated
into Web Design Basics for iPad (also written by me, but much better course!)
Try iPage Web Hosting -- Go Green for only $1.99/month (sponsored link)
Web Hosting HTML Tutorial CSS Tutorial Web Design Tutorial Hosting under $5

HTML Code MiniChapter 5: A few more tags

HTML Tutorial Chapters:  

HTML5 Basics - Web Hosting Ideas - CSS, Web Design, HTML, JQuery - Twitter - Learn on your iPad

The HTML CENTER tag and DIV tag...

< back to the previous chapter

The center tag pretty much explains itself! The opening center tag is <center> and the closing center tag is </center>. Whatever you put between will be centered on the current line!

Example of CENTER tag...

Center Works!!!

<center><h1>Center Works!!!</h1></center>

Note: Recently, the W3C (the group that decides on HTML standards) has recommended that when writing HTML, you use <div align="center">centered text</div> instead of the center tag. Although div does not work in many older web browsers, it works in virtually all recent versions of popular web browsers. The neat thing about div is that you can align both left and right in addition to center.

The HTML BODY attributes...

In Chapter 1 you learned the BODY tag. The BODY tag has many attributes... here are the most useful ones...

  • BACKGROUND="location_of_image" - Background image for web page. Example: If you have kitten.jpg in the same directory as your HTML file, use <body background="kitten.jpg"> to load it as your background image.
  • BGCOLOR="#hexadecimal_here" - Hexadecimal Color Code for Background Color
  • LINK="#hexadecimal_here" - Hexadecimal Color Code for Links (if left blank, most browsers default to blue.)
  • VLINK="#hexadecimal_here" - Hexadecimal Color Code for Links the User has Already Visited (if left blank, most browsers default to purple.)
  • TEXT="#hexadecimal_here" - Hexadecimal Color Code for Text Color
  • Click Here to Learn how to use the Hexadecimal Color System

If you are looking for special effects such as links without an underline, or links that change color when you move the mouse over them, you need to use CSS (Cascading Style Sheets) with your HTML code.


Save Nearly $950/Year 
with Straight Talk

HTML Code - Try it Yourself!

In the Box below, type the following HTML code, then click "Check it Out!" The HTML document you made will be displayed in your browser. You may wish to change the words within the tags and the tag attributes just to try it out.

Try typing this:

<head><title>Title goes here</title></head>
<body bgcolor="#FFFFFF" link="#FF0000" vlink="#00FF00">
<h1 align=right>Body goes here</h1>
<center><h2>Headings are very useful!</h2></center>
<div align="right">div is also a great tag!</div>
<a href="">This link should be red if you haven't visited and green if you have.</a>

iPage has the Best Support

has Outstanding Uptime and Performance

HTML An Interactive Tutorial
Continue Next Chapter
Download the app that replaced this guide,
Web Design Basics for iPad to
Learn HTML and CSS Quickly.