Home arrow HTML arrow Page 2 - Quick Start with HTML
HTML

Quick Start with HTML


When you're just starting out with HTML and XHTML, you want to build documents right away. This article series gets you started right. It is excerpted from chapter two of HTML & XHTML: The Definitive Guide, Sixth Edition, written by Chuck Musciano and Bill Kennedy (O'Reilly; ISBN: 0596527322). Copyright 2007 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Author Info:
By: O'Reilly Media
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
March 27, 2008
TABLE OF CONTENTS:
  1. · Quick Start with HTML
  2. · 2.2 A First HTML Document
  3. · 2.3 Embedded Tags
  4. · 2.4 HTML Skeleton
  5. · 2.6 Text
  6. · 2.6.2 Text Structures

print this article
SEARCH DEVARTICLES

Quick Start with HTML - 2.2 A First HTML Document
(Page 2 of 6 )

It seems every programming language book ever written starts off with a simple example on how to display the message, "Hello, World!" Well, you won't see a "Hello, World!" example in this book. After all, this is a style guide for the new millennium. Instead, ours sends greetings to the World Wide Web:

  <html>
  <head>
  <title>My first HTML document</title>
  </head>
  <body>
  <h2>My first HTML document</h2>
  Hello, <i>World Wide Web!</i>
   <!-- No "Hello, World" for us -->
  <p>
    
Greetings from<br>
  <a href="http://www.ora.com">O'Reilly</a>
  <p>
  Composed with care by:
  <cite>(insert your name here)</cite>
  <br>&copy;2000 and beyond
  </body>
  </html>

Go ahead: type in the example HTML source on a fresh word processing page and save it on your local disk as myfirst.html. Make sure you select to save it in plain text format; word processor-specific file formats like Microsoft Word's .doc files save hidden characters that can confuse the browser software and disrupt your HTML document's display.

After saving myfirst.html (or myfirst.htm, if you are using archaic DOS- or Windows 3.11-based file-naming conventions) onto disk, start up your browser and locate and open the file from the program's File menu. Your screen should look like Figure 2-1. Though look-and-feel elements such as menus and toolbars differ between browsers, the window's contents should be quite similar.


Figure 2-1.  A very simple HTML document


blog comments powered by Disqus
HTML ARTICLES

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials