Page 59 - TP_Play_V2.2_Class8
P. 59

Art Integration Learning

                           #Dance forms

                   Create a web page that has images related to Dance forms. Find relevant images from the Internet and
                   use them on your web page.

                                                                                                           #Lab Activity




                      LINKING WEB PAGES


                 A website is a collection of web pages which 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 which takes you to another web page when clicked.  Generally, hyperlinks
                 are seen in blue colour. Images can also be used as hyperlink. When the mouse is hovered over it, the
                 mouse pointer changes to a hand shape. When a hyperlink is clicked, its colour changes to purple.
                 HTML5 allows us to create two types of linking, which are:

                    Internal linking: This type of linking connects 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 linking. It helps you find more
                    information within the same site.

                    External linking: This type of linking connects 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 linking. This type of linking provides
                    additional resources from outside the original website.

                 Anchor Tag

                 Anchor tag is used for creating hyperlinks in HTML web pages. It is a container tag and used as <A>
                 Hyperlink Text </A>. Where, Hyperlink Text can be a text or an image.

                 The <A> tag has the following attributes:

                    HREF: This attribute stands for Hypertext Reference. It takes the URL of the web page which we
                    want to link when we create external linking.

                    TARGET: This attribute is used to specify the place in which the linked web page will open. It takes
                    any one 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 current window or tab.
                     _top: Opens the linked web page in the window that is on top in all the windows.

                 External web pages can be linked using HREF attribute of the anchor tag. The HREF attribute takes the
                 URL of the web page in double quotes.


                                                                                    #Images, Links & Frames in HTML5  57
   54   55   56   57   58   59   60   61   62   63   64