Page 77 - Touchpad_Plus_V3.2_Class 8
P. 77
Make sure to save the image you want to insert on the web page in the same location as your
HTML file. If we want to insert an image from any other location, we need to provide the complete
path of the image to the SRC attribute. For example, if our image is saved in the Documents
folder of computer, then the path of the image will be ~/Documents/lily.jpg.
Clickipedia
Some of the image formats supported by HTML are Joint Photographic Experts Group (JPEG),
Graphics Interchange Format (GIF) and Portable Network Graphics (PNG).
LINKING WEB PAGES
A website is a collection of web pages that are interlinked with each other and contain related
information. These web pages are linked with the help of a feature of HTML called a hyperlink. A
hyperlink is generally an underlined text that takes the user to another web page when clicked.
Generally, hyperlinks are seen in blue colour. Images can also be used as hyperlinks. When
the mouse is hovered over a hyperlink, the mouse pointer changes to a hand shape. When a
hyperlink is clicked, its colour changes to purple.
HTML5 allows the creation of two types of linking, which are:
Internal linking: These links connect one page of a website to another page on the same
website. For example, if you’re reading a blog post about healthy recipes and there's a link to
another post on the same website about meal planning, that’s an internal link.
External linking: These links connect a page on one website to a page on a different website.
For example, if the same blog post about healthy recipes includes a link to a well-known
nutrition site for more information on dietary guidelines, that’s an external link.
Anchor Tag
The Anchor tag is used for creating hyperlinks in HTML web pages. It is a container tag and is
used as <A> Hyperlink Text </A>. Hyperlink Text is a text or an image.
The <A> tag has the following attributes:
HREF: This attribute stands for Hypertext Reference. It specifies the URL of the web page
which we want to link when creating external linking.
TARGET: This attribute is used to specify, where the linked web page will open. It can take any
of the following four values:
_blank: Opens the linked web page in a new window or tab of the web browser.
_parent: Opens the linked web page in a parent window or tab of the web browser.
_self: Opens the linked web page in the current window or tab.
_top: Opens the linked web page in the topmost window among all windows.
More on HTML 75

