Back to Week 1 page »

HTML5 Template

Below is a template for you to use to start your pages. Copy and paste the following text in to a new document. Remember to save you files with a .html extension!

<!DOCTYPE html>

<html lang="en">

<head>
	<meta charset="utf-8"/>

	<title>Your Page Title</title>
</head>

<body>


</body>
</html>

Using TextMate and Emmet

On the lab computers we will use the text editor TextMate from Macromates. This program is being actively developed and is also available on GitHub. We're also using a plugin called Emmet which allows for some handy HTML and CSS shortcuts.

For compatibility with Emmet, install TextMate 2.0 (rc 10)

Add HTML template using Emmet

XHTML Transitional Template

For those of you interested in comparison, below is a perfectly good template for an XHTML 1.0 page. A few years ago you would have used this and might even still have to if you're working on an older site. But don't don't worry, for this class you will use HTML5. See, you're happy already.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>XHTML Transitional Template</title>
</head>

<body>


</body>
</html>

Back to Week 1 page »