Basic HTML

Purpose

This training document outlines basic HTML tags that can be used in the body components on the YVR website.

Contents

Introduction to HTML

Heading tags

P tags

Links

Images

Unordered lists

Ordered lists

Bold text

Italicized tex

Underlined text

Introduction to HTML

HTML is the language of a webpage. It is made up of tags and attributes that tell a computer what to display on a webpage and how to display it. Most HTML tags surround the line of text that you want to style.

Heading tags

Headings are defined with the <h1> to <h6> tags.
<h1> determines the most important heading and <h6> determines the least important heading. E.g. <h1>Parking YVR</h1>

P tags

<p> tags determine the paragraphs that appear on a webpage.
E.g. <p>Pre-book official airport parking online for the lowest rates.</p>

Links

Links are defined with the <a> tag.
E.g. <a href=”https://www.yvr.ca/en/updates”>Read our latest updates</a>.

Images

Images are defined with the <img src> tag, e.g.
<img src="https://www.yvr.ca/-/media/yvr/logos/footer-logo.png" alt="YVR Logo">

The alt attribute tells search engines and users who can’t view the image what the image is about. The value of the alt attribute should describe the image.

Unordered lists

To make a bullet point unordered list use the tags <ul> to determine where the list starts and finishes, and <li> to determine the list items, i.e.:
<ul><li>Parkade</li>
<li>jetSet YVR Parking</li>
<li>Value Long Term Lot</li></ul>

Ordered lists

To make a numbered lists use the tags <ol> to determine where the list starts and finishes, and <li> to determine the list items, i.e.:
<ol><li>Parkade</li>
<li>jetSet YVR Parking</li>
<li>Value Long Term Lot</li></ol>

Bold text

To make text bold, use the <b> tags.

Italicized text

To italicize text, use the <i> tags.

Underlined text

To underline text, use the <u> tags.

Can't find what you're looking for?