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
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.