Example simple - Revision history

GPHemsley: The WHATWG wiki is not the best place for HTML tutorials.

2013-07-09T14:44:18Z

The WHATWG wiki is not the best place for HTML tutorials.

← Older revision		Revision as of 14:44, 9 July 2013
Line 1:		Line 1:
	This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.		#REDIRECT [[Authoring]]

	~~== Step 1: The Basics of an HTML5 Document ==~~

	~~A basic HTML5 document consists of a DOCTYPE, HTML tag, HEAD tag with TITLE tag and a BODY tag; this is the basis for all HTML5 documents. Tags are...~~
	~~A comment is...~~
	~~The DOCTYPE is an exception... included because...~~

	~~<pre>~~

	~~<!DOCTYPE HTML>~~
	~~<HTML>~~
	~~<HEAD>~~
	~~<TITLE>Lost Cat!</TITLE>~~
	~~</HEAD>~~
	~~<BODY>~~

	~~<!-- Page content -->~~

	~~</BODY>~~
	~~</HTML>~~

	~~</pre>~~

	~~=== How This Looks ===~~

	~~Opening this page in a web browser would produce a blank page with a title in the browser window "Lost Cat!". (link to example)~~

	~~== Step 2: Adding a Heading and Paragraph ==~~

	~~<pre>~~

	~~<!DOCTYPE HTML>~~
	~~<HTML>~~
	~~<HEAD>~~
	~~<TITLE>Lost Cat!</TITLE>~~
	~~</HEAD>~~
	~~<BODY>~~
	~~<H1>Have You Seen This Cat?</H1>~~
	~~<P>Moggy has been missing since 12th June, 2007 if you see her please~~
	~~notify <A href="mailto:ian@whatwg.org">Ian Hickson</A>.</P>~~
	~~</BODY>~~
	~~</HTML>~~

	~~</pre>~~

	~~== Step 3: Adding an Image ==~~

	~~<pre>~~

	~~<!DOCTYPE HTML>~~
	~~<HTML>~~
	~~<HEAD>~~
	~~<TITLE>Lost Cat!</TITLE>~~
	~~</HEAD>~~
	~~<BODY>~~
	~~<H1>Have You Seen This Cat?</H1>~~
	~~<!-- need to get an image of a cat -->~~
	~~<P><IMG src="" alt="The cat is black with white paws, and is wearing a~~
	~~white collar with a small bell attached."></P>~~
	~~<P>Moggy has been missing since 12th June, 2007 if you see her please~~
	~~notify <A href="mailto:ian@whatwg.org">Ian Hickson</A>.</P>~~
	~~</BODY>~~
	~~</HTML>~~

	~~</pre>~~

Annevk: remove dead links

2011-01-26T08:31:38Z

remove dead links

← Older revision		Revision as of 08:31, 26 January 2011
Line 1:		Line 1:
	~~:''Main article: [[HTML5 tutorial]]''~~
	This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.		This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.

Line 66:		Line 65:

	</pre>		</pre>

	~~[[Category:Tutorials]]~~

Utcursch: main

2007-09-04T10:36:03Z

main

← Older revision		Revision as of 10:36, 4 September 2007
Line 1:		Line 1:
			:''Main article: [[HTML5 tutorial]]''
	This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.		This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.

Line 65:		Line 66:

	</pre>		</pre>

			[[Category:Tutorials]]

Beowulf: /* Web Browser Results */

2007-06-19T15:05:04Z

Web Browser Results

← Older revision		Revision as of 15:05, 19 June 2007
Line 23:		Line 23:
	</pre>		</pre>

	=== ~~Web Browser Results~~ ===		=== How This Looks ===

	Opening this page in a web browser would produce a blank page with a title in the browser window "Lost Cat!". (link to example)		Opening this page in a web browser would produce a blank page with a title in the browser window "Lost Cat!". (link to example)

Beowulf at 14:02, 19 June 2007

2007-06-19T14:02:13Z

@@ Line 37: / Line 37: @@
    </HEAD>
    <BODY>
-     == Step 3: Adding an Image ==
+     <H1>Have You Seen This Cat?</H1>
 <pre>
@@ Line 48: / Line 56: @@
    <BODY>
      <H1>Have You Seen This Cat?</H1>
      <!-- need to get an image of a cat -->
      <P><IMG src="" alt="The cat is black with white paws, and is wearing a

Beowulf at 10:10, 19 June 2007

2007-06-19T10:10:55Z

← Older revision		Revision as of 10:10, 19 June 2007
Line 1:		Line 1:
	This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that ~~it's something~~ that should be opened ~~with~~ a web browser.		This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that the file is one that should be opened and interpreted by a web browser.

	== Step 1: The Basics of an HTML5 Document ==		== Step 1: The Basics of an HTML5 Document ==

Beowulf: /* Step 1: The Basics of an HTML5 Document */

2007-06-19T10:08:53Z

Step 1: The Basics of an HTML5 Document

← Older revision		Revision as of 10:08, 19 June 2007
Line 1:		Line 1:
			This tutorial is aimed at a person using a desktop or laptop computer with a basic text editor. The examples below should be saved to a file with the extension .html. This will help your operating system know that it's something that should be opened with a web browser.

	== Step 1: The Basics of an HTML5 Document ==		== Step 1: The Basics of an HTML5 Document ==

Beowulf: /* Step 2: Adding an Image */

2007-06-19T09:54:06Z

Step 2: Adding an Image

@@ Line 35: / Line 35: @@
    </HEAD>
    <BODY>
-     <H1>Have You Seen My Cat?</H1>
+     == Step 3: Adding an Image ==
 <pre>
@@ Line 54: / Line 46: @@
    <BODY>
      <H1>Have You Seen This Cat?</H1>
      <!-- need to get an image of a cat -->
      <P><IMG src="" alt="The cat is black with white paws, and is wearing a

Beowulf: /* Step 1: The Basics of an HTML5 Document */

2007-06-19T09:52:58Z

Step 1: The Basics of an HTML5 Document

← Older revision		Revision as of 09:52, 19 June 2007
Line 20:		Line 20:

	</pre>		</pre>

			=== Web Browser Results ===

			Opening this page in a web browser would produce a blank page with a title in the browser window "Lost Cat!". (link to example)

	== Step 2: Adding a Heading and Paragraph ==		== Step 2: Adding a Heading and Paragraph ==

Beowulf at 09:47, 19 June 2007

2007-06-19T09:47:39Z

← Older revision		Revision as of 09:47, 19 June 2007
Line 2:		Line 2:

	A basic HTML5 document consists of a DOCTYPE, HTML tag, HEAD tag with TITLE tag and a BODY tag; this is the basis for all HTML5 documents. Tags are...		A basic HTML5 document consists of a DOCTYPE, HTML tag, HEAD tag with TITLE tag and a BODY tag; this is the basis for all HTML5 documents. Tags are...
			A comment is...
	The DOCTYPE is an exception... included because...		The DOCTYPE is an exception... included because...