Page 129 - Trackpad_ipro 4.1_Class7
P. 129

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.
                 The code to create the Home.html web page is as follows:
                 <!DOCTYPE HTML>
                 <HTML>

                 <HEAD>
                 <TITLE> Home Page </TITLE>
                 <STYLE>
                 BODY{BACKGROUND-COLOR:#EEFFEE; COLOR:RED;}

                 HR{BACKGROUND-COLOR:RED; HEIGHT:2px;}
                 H3{COLOR:RED; TEXT-ALIGN:CENTER;}
                 P{FONT-SIZE:20PX;}
                 </STYLE>
                 </HEAD>

                 <BODY>
                 <H1> ABC Public School </H1>
                 <HR>



                                                                                               More on HTML      127
   124   125   126   127   128   129   130   131   132   133   134