|
|
| (5 intermediate revisions by 3 users not shown) |
| 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.
| + | #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>
| |
| − | | |
| − | === 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 ==
| |
| − | | |
| − | <pre>
| |
| − | | |
| − | <!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>
| |
| − | | |
| − | </pre>
| |
| − | | |
| − | <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>
| |
