HTML Concepts

HTML is a system of tags designed to identify the role of each block of text in the content of a page

1. Simple Text

Moby Dick
		 
  This story of a obsessive sea captain's 
  quest to find and destroy an extraordinary 
  whale that had taken his leg in a 
  previous encounter as an allegory for 
  all of humanity's obsessive pursuits. 

Call me Ishmael. Some years ago — never mind how 
long precisely — having little or no money in my 
purse, and nothing particular to interest me on 
shore, I thought I would sail about a little 
and see the watery part of the world.

It is a way I have of driving off the spleen, and 
regulating the circulation. Whenever I find myself...

 * growing grim about the mouth;
 * whenever it is a damp, drizzly November in my 
   soul;
 * whenever I find myself involuntarily pausing 
   before coffin warehouses, and bringing up the 
   rear of every funeral I meet;
 * and especially whenever my hypos get such an 
   upper hand of me, that it requires a strong moral 
   principle to prevent me from deliberately stepping 
   into the street, and methodically knocking people's 
   hats off
 
— then, I account it high time to get to sea 
as soon as I can.

2. Adding HTML "Markup"

<h1>Moby Dick</h1>
		 
  <blockquote>
  This story of a obsessive sea captain's 
  quest to find and destroy an extraordinary 
  whale that had taken his leg in a 
	previous encounter
  as an allegory for all of humanity's 
  obsessive pursuits.
  </blockquote> 

<p>
Call me Ishmael. Some years ago  never mind how 
long precisely  having little or no money in my 
purse, and nothing particular to interest me on 
shore, I thought I would sail about a little 
and see the watery part of the world.
</p>

<p>
It is a way I have of driving off the spleen, and 
regulating the circulation. Whenever I find myself...
</p>

<ul>
  <li>growing grim about the mouth;</li>
  <li>whenever it is a damp, drizzly November in my 
   soul;</li>
  <li>whenever I find myself involuntarily pausing 
   before coffin warehouses, and bringing up the 
   rear of every funeral I meet;</li>
  <li>and especially whenever my hypos get such an 
   upper hand of me, that it requires a strong moral 
   principle to prevent me from deliberately stepping 
   into the street, and methodically knocking people's 
   hats off</li>
</ul>

<p> then, I account it high time to get to 
sea as soon as I can.</p>

3. Viewing the Page in a Browser

Moby Dick

This story of a obsessive sea captain's quest to find and destroy an extraordinary whale that had taken his leg in a previous encounter as an allegory for all of humanity's obsessive pursuits.

Call me Ishmael. Some years ago — never mind how long precisely — having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.

It is a way I have of driving off the spleen, and regulating the circulation. Whenever I find myself...

— then, I account it high time to get to sea as soon as I can.

4. Applying Style

Using CSS styles, we can now control how we want the page to look by adjusting font type, bolding, colors, line spacing, and more. For example, by using the following styles we can change the appearance of our example text:

  body { line-height: 2; 
  padding-left: 3em;
  padding-right: 3em; 
  background: #fff8dc;
  font-family: rockwell, sans-serif;}
  h1  { color: blue; }
  blockquote { font-style: italic; }
  li { list-style-type: square;  
    line-height: 1.5; }

Moby Dick

This story of a obsessive sea captain's quest to find and destroy an extraordinary whale that had taken his leg in a previous encounter as an allegory for all of humanity's obsessive pursuits.

Call me Ishmael. Some years ago — never mind how long precisely — having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.

It is a way I have of driving off the spleen, and regulating the circulation. Whenever I find myself...

— then, I account it high time to get to sea as soon as I can.