Page 77 - TP_Play_V2.1_class8
P. 77

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 site.
                    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.
                 External web pages can be linked using the HREF attribute of the anchor tag. The HREF attribute
                 takes the URL of the web page in double quotes. The syntax to create a hyperlink is:

                 <A HREF = "URL of Web Page" TARGET="_blank"> Link Text </A>
                 For example:

                 <A HREF = "About.html" target="_blank"> About Us </A>
                 The preceding code creates a link with the text "About Us". When we click on the "About Us" link,
                 the "About.html" web page will open in a blank tab or window.
                 First page of a website, also known as  the Home page, contains various links to other web pages.
                 Let us take an example of a website of the ABC Public School on which we are using external

                 linking. The Home page of the website is as shown:
                 The Home page contains six hyperlinks: Admissions, Events, Sports, Activities, About Us and
                 Contact Us, which are created by using the <A> tag.


                                                                          Images, Links and Frame in HTML5        75
   72   73   74   75   76   77   78   79   80   81   82