IPL Kidspace: Learning HTML

Got a question? Ask our Ask a Question librarians!

(Use our Contact Us form for questions/suggestions about our site.)

Quick Reference

Basic Tags

<html></html>	Document Type	beginning and end of HTML file
<head></head>	Header	descriptive info about the document
<style></style>	Style	indicates internal style sheet for CSS
<title></title>	Title	appears in the browser title bar
<body></body>	Body	contains contents of what will be displayed
<span></span>	Span	makes an invisible containter; great for applying CSS to small amounts of text
<div></div>	Div	makes an invisible container; great for applying CSS to large amounts of text, images, or anything inside the body tags

Format Tags

<br />	Line Break	start a new line
<p>	Paragraph	starts a new line and skips a line
	Non-breaking Space	puts a single blank space
<hr />	Horizontal Rule	makes a horizontal line
<center></center>	Center	centers text, images, etc. on line
<strong></strong>	Strong	makes text bold
<em></em>	Emphasis	makes text in italics
<? style="text-align: center;"></?>	Center	inline style CSS for use with many differnet HTML tags for centering text, images, etc. on a line

Fonts and Text Styles

<font size="?"></font>	Font Size	changes font size, ranging from 1-7
<font face=""></font>*	Font Face	changes text style, use face name
<font color=""></font>*	Font Color	changes text color, use color name or color code
<font style="font-size:?;"></font>	Font Size CSS	inline style for changing font size; use px, em, or word values
<font style="font-family: ?;"></font>	Font Face CSS	inline style for changing text style; use face name
<font style="color: ?;"></font>	Font Color CSS	inline style for chaning font color; use color code

Links and Images

<a href=""></a>*	makes a link to another page, use URL or filename
<img src="" / >*	places an image on the page, use filename
<img src="" width="? " height="?" / >*	change dimensions of Image
<link rel="stylesheet" type="text/css" href="?.css" />	use between head tags when using an external style sheet for CSS

Background

<body bgcolor="?">	Changes color of background, use color code
<body background ="">*	Uses image for background, use filename
<body style="background-color: ?;"></body>	inline style CSS for changing color of background, use color code

This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.

Updated on 15 Apr 2008