HTML Basics

Don't worry if you donn't understand the tags used in these examples, you will learn them in the next few lessons.

HTML Documents

All HTML documents must start with a type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>. 

<!DOCTYPE html>

<html>
  <head>
  </head>
  
  <body>

    <h1>My First Heading</h1>
    
    <p>My first paragraph.</p>

  </body>
</html>
Try it Yourself

HTML Headings

HTML headings are defined with the <h1> to <h6> tags:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Try it Yourself

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Try it Yourself

HTML Links

HTML links are defined with the <a> tag:

<a href="http://coderdojomallow.com">This is a link</a>
Try it Yourself

HTML Images

HTML images are defined with the <img> tag:

The source file (src) and alternative text (alt) are provided as attributes:

<img src="CoderDojoMallow.jpg" alt="CoderDojo Mallow">
Try it Yourself