HTML HTML intro.
  1. HTML intro
  2. Web pages and you
HTML basics
  1. HTML getting started
  2. HTML basics
  3. HTML document
HTML text
  1. HTML text formatting 1
  2. HTML text formatting 2
  3. HTML text formatting 3
  4. HTML fonts
  5. HTML entities
HTML links
  1. HTML links
  2. HTML email links
HTML images
  1. HTML images
  2. HTML image maps
HTML forms
  1. HTML forms
  2. HTML form labels
  3. HTML fieldset/legend
HTML tables
  1. HTML tables
  2. HTML tables concepts
HTML frames
  1. HTML frames
HTML backgrounds/color
  1. HTML backgrounds
  2. HTML colors
  3. HTML color shades
  4. HTML color usage
HTML style/layout
  1. HTML stylesheets
  2. HTML div/span
HTML media
  1. HTML audio
  2. HTML video
  3. HTML objects
  4. HTML download media
HTML declaratives
  1. HTML head section
  2. HTML meta tags
  3. HTML scripts
  4. HTML declarations
  5. HTML document types
Practical HTML
  1. HTML tag rules
  2. HTML things to avoid
  3. URL formatting
  4. URL encoding/decoding
  5. HTML use/access
  6. HTML publish work
HTML extras
  1. HTML marquees
HTML wrap-up
  1. HTML history
  2. HTML summary

A complete HTML document

Let's build an HTML document step-by-step......

This tutorial focuses on:

The core setup

It all begins with the <html> tag. This tag signifies the start of a webpage. You must always begin your HTML code with this tag and all the other tags will go between <html> and it's closing tag </html>

With that said, let's begin building:
<html> </html>

HTML document head

The head section of an HTML document will actually not appear on a webpage but contains important information about the page such as the page's title and styles that will affect the page. The head section is set with the <head> tag which comes right after the <html> tag and the information about the page will go between <head> and it's closing tag </head>

Moving on:
<html> <head> </head> </html>

HTML document title

The page's title is set with the <title> tag . The title can be seen in the top left corner of the web browser. If you look at the top left corner of your web browser window right now, you will see the title "Building an HTML document", as that is the title of this page. The <title> tag goes inside the <head> tag.

You can give your pages any title you want, but remember that the best titles are short and straight to the point.

Giving the page a title:
<html> <head> <title>HTML is cool</title> </head> </html>

HTML document body

The body section of an HTML document is where all the content is placed that will be seen on the page. The body section is set with the <body> tag which comes right after the <head> tag and the page's content will go between <body> and it's closing tag </body>

Page body:
<body> Here is some text that will be seen on the page </body>

An entire HTML document

Piece-by-piece we have created an entire HTML document, very basic but it will do!

The entire code:
<html> <head> <title>HTML is cool</title> </head> <body> Here is some text that will be seen on the page </body> </html>

Focus on the structure of the above HTML document, understand it, memorize it. This same structure will apply to the code of all of the pages you will build, no matter how simple or complex. Also remember to always close tags in the right order like in the above example!

Now that you know fundamental HTML concepts and how to build a basic webpage, it's time to learn about working with text in HTML. Continue onward to our HTML text formatting tutorial!

© Copyright 2013-2014 Landofcode.com
Terms of use | Privacy policy | Copyright information