At the end of the lesson; I can

• explain what a hyperlink is in HTML.

• identify the types of links.
• describe the use of target and title
attribute.
• identify the different event attributes in
HTML5.
 Hyperlinks

A link or
hyperlink is any
element that users
can click to jump
to another
document or a
specific part of the
current document.
 Types of Links

Hyperlinks are found in almost all web pages as

they provide a simple means of navigating between
pages on the web.
 Categories of Links

1. Embedded link
2. Inline link
3. Random accessed link
4. Hardware accessed link
Categories of Links
 Target Attribute

The target attribute instructs the browser where to

open the linked document.
 Title Attribute

The title attribute specifies additional information

about an element.
 BOOK MARKS
-bookmarks are used to allow readers to jump to specific parts of a Web page.
EXAMPLE:

<h2 id=“Ingredients”> Ingredients </h2>

<h2 href=“#Ingredients”> Jump To Ingredients </h2>

or

<a href=“menu1.htm#Ingredients”> Jump to Menu1 Ingredients </a>

 Event Attribute

The event attributes in HTML5 are applicable to

most of the elements. They can be applied for the
execution of JavaScript when certain events occur.
 Event Attribute

1. Clipboard Events
2. Drag Events
3. Form Events
4. Keyboard Events
5. Media Events
6. Mouse Events
 Clipboard Events

Clipboard events refer to what happens when

there is modification on the clipboard–such as copy,
cut and paste.
Drag Events
 Form Events

Form events refer

to events that happen
when a user interacts
with the HTML form
controls–which applies
to almost all HTML
elements, but mostly
used in form elements.
 Keyboard Events
Keyboard events demonstrate what happen
when a user interacts with the keyboard. The event
type (key down, key press, or key up) identifies the
kind of action done on the keyboard.
 Media Events
Media events refer to events triggered by
media elements (videos, images, and audio) that are
embedded inside the HTML documents.
 Mouse Events

Mouse events
demonstrate events that
occur when the user
interacts with a pointing
device.
 DI
N

O F