A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on IRC (such as one of these permanent autoconfirmed members).

Difference between revisions of "Example simple"

From WHATWG Wiki
Jump to: navigation, search
(Step 1: The Basics of an HTML5 Document)
(Step 2: Adding an Image)
Line 35: Line 35:
 
   </HEAD>
 
   </HEAD>
 
   <BODY>
 
   <BODY>
     <H1>Have You Seen My Cat?</H1>
+
     == Step 3: Adding an Image ==
    <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 2: Adding an Image ==
 
  
 
<pre>
 
<pre>
Line 54: Line 46:
 
   <BODY>
 
   <BODY>
 
     <H1>Have You Seen This Cat?</H1>
 
     <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>
 +
 +
<H1>Have You Seen This Cat?</H1>
 
     <!-- need to get an image of a cat -->
 
     <!-- need to get an image of a cat -->
 
     <P><IMG src="" alt="The cat is black with white paws, and is wearing a
 
     <P><IMG src="" alt="The cat is black with white paws, and is wearing a

Revision as of 09:54, 19 June 2007

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...


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

<!-- Page content -->

  </BODY>
</HTML>

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


<!DOCTYPE HTML>
<HTML>
  <HEAD>
    <TITLE>Lost Cat!</TITLE>
  </HEAD>
  <BODY>
    == 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>

Have You Seen This Cat?

The cat is black with white paws, and is wearing a white collar with a small bell attached.

Moggy has been missing since 12th June, 2007 if you see her please notify <A href="mailto:ian@whatwg.org">Ian Hickson</A>.

 </BODY>

</HTML>