HTML Headings

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

Example: <h1>This is h1 Heading</h1>

In webpage would look like:

This is h1 Heading

Example: <h2>This is h2 Heading</h2>

In webpage would look like:

This is h2 Heading

As you can see, the higher the heading number the smaller the text.

---

HTML Paragraphs

HTML paragraphs are defined with the <p> tag.

Example: <p>This is paragraph 1</p><p>This is paragraph 2</p>

Would look like this in webpage:

This is paragraph 1

This is paragraph 2

As you can see, there’s a line space between the two allowing you to start a new paragraph.

---

HTML Links

HTML links are defined with the <a> tag.

Example: <a href=”http://www.coachingwithjon.com”>This is a link</a>

Would look like this in a webpage: This is a link

The <a href= is called an href attribute. I’ll cover the attributes in a later tutorial. Just remember that you need to format your tags for links in this format followed by the </a> closing tag to create links to other pages or websites.

---

HTML Images

HTML images are defined with the <img> tag.

Example: <img src=”http://coachingwithjon.com/images/jb89x84.jpg”>

Would look like this in a webpage:

This is a small photo of me

As you can see in the <img tag above, I have typed in the complete path to the image file. The photo is stored in my images folder on my server. You must always provide a path to an image. In this example, the path is my domain, the folder where the image is stored, and the name of the image and file extension. Another thing to note is the path should be enclosed with quotes “

---

In the next tutorial I’ll cover HTML elements