Page 121 - iPro_trackGPT_V5_Class7
P. 121
<title>Inserting Image</title>
</head>
<body>
<b>Inserting image on the web
page</b>
<img src="lily.jpg" width="200"
height="200" style="float: right;
border: 2px solid black;">
</body>
</html>
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 D: drive of
computer, then the path of the image will be D:\lily.jpg.
Boost Bits
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:
Intralinking: The process of linking specific sections or elements within the same web page
or website. It allows users to navigate to different parts of the same page quickly and easily
by clicking on hyperlinks that lead to other sections or elements on the page.
Interlinking: The process of linking one web page to another web page, either within the
same website or to a different website. It involves creating hyperlinks that connect different
web page, facilitating navigation between related content and enhancing the website's overall
connectivity.
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.
More on HTML 119

