Use this handy, simplified guide to quickly learn HTML and CSS -- a foundation of modern web development.

Note: To prevent your custom CSS from conflicting with the SFU Common Look & Feel stylesheet, add "custom-" to the front of each class name. For example, if you wish to create a new class called ...

How to Add a Tooltip in HTML. A tooltip is a handy means of providing textual instruction to your Web page visitor and is accomplished in HTML by using a "title" attribute.

Header Text Add the attribute to the opening tag for whatever HTML element type your page header uses. Identify your header element in CSS.

Note: To prevent your custom CSS from conflicting with the SFU Common Look & Feel stylesheet, add "custom-" to the front of each class name. For example, if you wish to create a new class called ...