Session no 3

424 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Session no 3

  1. 1. Session No 3 Developed by: Saif Ullah Dar 1/7/2014 1
  2. 2. 1. 2. 3. 4. 5. 6. 7. 8. 9. LOGICAL CHARACTER HIGHLIGHTING TAGS PHYSICAL CHARACTER HIGHLIGHTING TAGS FONT TAG FONT TAG PROPERTIES. SIZE OF FONT COLOR OF FONT FACE OF FONT SPECIAL CHARACTERS USING LINKS Developed by: Saif Ullah Dar 1/7/2014 2
  3. 3. • • • • Logical Character Highlighters are also known as Idiomatic styles tags. The purpose of logical tags is to convey the basic semantic meaning of a piece of text rather than the absolute appearance. It is used to give your text a different look when displayed by browsers. Browser handle the look and feel of the logical tag. Developed by: Saif Ullah Dar 1/7/2014 3
  4. 4. • • • Physical Character Highlighters are also known as Typographical styles tags. It is used to give your text a different look but exacting look. Not all browsers support physical styles. Developed by: Saif Ullah Dar 1/7/2014 4
  5. 5. • It is used to change the font color, f ontsize, font face of text in an HTML document. Developed by: Saif Ullah Dar 1/7/2014 5
  6. 6. A. SIZE B. COLOR C. FACE Developed by: Saif Ullah Dar 1/7/2014 6
  7. 7. The primary <FONT> attribute is SIZE=x, where x is an absolute value ranging from 1 to 7 or a relative vale (+/-). Default font size is 3. Largest font size can be set is 7. Smallest is 1. Developed by: Saif Ullah Dar 1/7/2014 7
  8. 8. There are 3 different methods to set color. i. Generic Coloring System ii. RGB Coloring System iii. Hexadecimal Coloring System Developed by: Saif Ullah Dar 1/7/2014 8
  9. 9. 1) Generics colors are preset HTML coded colors where the 2) value is simply the name of each color. Developed by: Saif Ullah Dar 1/7/2014 9
  10. 10. Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Developed by: Saif Ullah Dar 1/7/2014 10
  11. 11. I. RGB stands for Red, Green, Blue. Each can have a value from 0 (none of that color) to 255 (fully that color). II. The format for RGB is – RGB (Red, Green, Blue) Developed by: Saif Ullah Dar 1/7/2014 11
  12. 12. <font color=RGB(255,0,0)>Confidence</font> Confidence <font color=RGB(255,255,0)>Confidence</font> Confidence <font color=RGB(0,0,255)>Confidence</font> Confidence <font color=RGB(255,255,255)>Confidence</font> Confidence Developed by: Saif Ullah Dar 1/7/2014 12
  13. 13. A hexadecimal is a 6 digit representation of a color. XX XX XX Red Green Blue Developed by: Saif Ullah Dar 1/7/2014 13
  14. 14. <font color=“#FF0000”>Confidence</font> Confidence <font color=“#FFFF00”>Confidence</font> Confidence <font color=“#0000FF”>Confidence</font> Confidence <font color=“#FFFFFF”>Confidence</font> Confidence Developed by: Saif Ullah Dar 1/7/2014 14
  15. 15. Color Color Name Hexadecim al Value Color Name Hexadecima l Value Black #000000 Green #008000 Silver #c0c0c0 Lime #00ff00 Gray #808080 Olive #808000 White #ffffff Yellow #ffff00 Maroo n #800000 Navy #000080 Red #ff0000 Blue #0000ff Purple #800080 Teal #008080 Fushia #ff00ff Aqua #00ffff Developed by: Saif Ullah Dar Color 1/7/2014 15
  16. 16. The font face attribute is used to specify the font name. Developed by: Saif Ullah Dar 1/7/2014 16
  17. 17. <font face=“Serif”>Confidence</font> Confidence <font face=“Courier”>Confidence</font> Confidence <font face=“Palatino”>Confidence</font> Confidence <font face=“Monotype Corsiva”>Confidence</font> Confidence Developed by: Saif Ullah Dar 1/7/2014 17
  18. 18. <html> <body> <h2><b>&lt;MARQUEE&gt;</b> is used to scroll the enclosing text.</h2> </body> </html> Developed by: Saif Ullah Dar 1/7/2014 18
  19. 19.  The Anchor Tag  HTML uses the <a> (anchor) tag to create a link to another document.  Attributes of <a>(anchor) tag href : is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink. Syntax: <a href=”url”>Text to be displayed</a>  Developed by: Saif Ullah Dar 1/7/2014 19
  20. 20.  Attributes of <a>(anchor) tag target : The target attribute defines where the linked document will be opened. Syntax: <a href=“http://w3.ibm.com” target=“where to place the document”>Text to be displayed</a>  name :The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page.  Syntax <a name=“label”>Text to be displayed</a> Developed by: Saif Ullah Dar 1/7/2014 20
  21. 21. ---- other information within <html> body tag------<head> </body> <title>Example of a </html> Hyperlink</title> <head> The word IBM will be highlighted , and <body> on clicking IBM the user will be taken to the w3 pages of IBM, the page will be <a href=“http://w3.IBM.com”> opened on the same window IBM</a> <a href=“http://w3.IBM.com” The word IBM will be highlighted , and target=“_blank”>IBM</a> on clicking IBM the user will be taken to the w3 pages of IBM, the page will be opened on a new window. Developed by: Saif Ullah Dar 1/7/2014 21
  22. 22. </body> </html> <html> <body> <a name=“locations”> locations</a> Kolkata, Lahore,Karachi, Dhaka, Kabul, Tehran ----- other information On Clicking on IBM Location in Asia you will be linked to the section which has been named as locations ---------<a href=“#locations”>IBM Location In Asia</a> Developed by: Saif Ullah Dar 1/7/2014 22
  23. 23. SAIF ULLAH DAR Developed by: Saif Ullah Dar 1/7/2014 23

×