M02 un06 p02

354 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
354
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×