Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

M02 un06 p02

401 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

M02 un06 p02

  1. 1. Unit 6 – Link Presentation 2 Web Programming
  2. 2. Objectives <ul><li>At the end of this presentation, you will be able to </li></ul><ul><li>Differentiate Internal and External Hyperlinks </li></ul><ul><li>Open a Web page in a new Window </li></ul>
  3. 3. External Hyperlink <ul><li>The external Hyperlink is a hyperlink that is linked to another HTML document. </li></ul><ul><li>Following figure will explain the working of External Hyperlink. </li></ul>
  4. 4. Lab Exercise <ul><li>3. Open D6_2.html in Internet Explorer. </li></ul><ul><ul><li>Identify the tag which is used to create link in source code D6_2.html. </li></ul></ul><ul><ul><li>Underline the attribute which is used with the <A> tag to specify the name of the file to be linked to. </li></ul></ul><ul><ul><li>Name the attribute which is used to sets the colour for active links, visited links and hyper links in source code D6_2.html. </li></ul></ul>
  5. 5. Lab Exercise <ul><li>4. Open D6_2.html in Internet Explorer. </li></ul><ul><ul><li>View the source code in notepad. </li></ul></ul><ul><ul><li>Apply the active link colour to Maroon. </li></ul></ul><ul><ul><li>Apply the visited link colour to Yellow. </li></ul></ul><ul><ul><li>Apply the hyperlink colour to Green. </li></ul></ul><ul><ul><li>Save the file and view the output in the browser. </li></ul></ul>
  6. 6. Lab Exercise <ul><li>Open Malaysia.HTML that you have created under the folder in your name in C: </li></ul><ul><ul><li>When you click on the text “ States of Malaysia ”, the “ States.HTML ” which you have created under the folder in your name in C: should open in new window. </li></ul></ul><ul><ul><li>When you click on the text “ Festival” , the “ Festivals.HTML ” which you have created under the folder in your name in C: should open in new window. </li></ul></ul>
  7. 7. Lab Exercise contd. <ul><ul><li>c. When you click on the text “ Whether and Climate in Malaysia ”, the “ Climate.HTML ” which you have created under the folder in your name in C: should open in next window. </li></ul></ul>
  8. 8. Link Colour <ul><ul><li>The hyperlink is distinguished from ordinary text by the colour. </li></ul></ul><ul><ul><li>There are three states of a link. </li></ul></ul><ul><ul><li>They are </li></ul></ul><ul><ul><ul><li>The link that has not been visited earlier. </li></ul></ul></ul><ul><ul><ul><li>The link that is being visited. </li></ul></ul></ul><ul><ul><ul><li>The link that had been already visited. </li></ul></ul></ul>
  9. 9. Link Colour Contd. <ul><ul><li>The default colours of a link in 3 different states are given in Table. </li></ul></ul>
  10. 10. Link Colour Contd. <ul><ul><li>The attributes used to change the colour of the links in different states are given in Table. </li></ul></ul>
  11. 11. Anchor Tag and Target Attr. <ul><ul><li>The Target attribute can also be used within the anchor tag. </li></ul></ul><ul><ul><li>This attribute specifies where the linked document should be opened. </li></ul></ul><ul><ul><li>Example: </li></ul></ul><ul><ul><li><A Href = “Answers.html” Target = “_blank”> Answers </A>. </li></ul></ul>
  12. 12. Activity 2.6.1 <ul><li>Create a web page that explains Hyperlink as shown in Figure. </li></ul><ul><li>Save the HTML file as Activity1.html in C:HTMLUnit6Activity folder. </li></ul>
  13. 13. Activity 2.6.1 Contd.
  14. 14. Summary <ul><li>In this presentation, you learnt the following: </li></ul><ul><li>To open the linked document in a new window, the value to be assigned to the Target attribute is _blank . </li></ul><ul><li>The default colour of unvisited link is Blue. </li></ul><ul><li>The default colour of visited link is Purple. </li></ul>
  15. 15. Summary <ul><li>The default colour of active link is Red. </li></ul><ul><li>The attributes of the <BODY> tag that are used to change the colour of the link are LINK, ALINK and VLINK . </li></ul>
  16. 16. Assignment <ul><li>Write how will you change the colour of the Hyperlinks? </li></ul><ul><li>Name the three states of link in HTML. </li></ul>

×