Session no 3
•
1 like•467 views
The document discusses various HTML tags for formatting text, including logical and physical character highlighting tags, font tags and their properties, special characters, and links. It provides details on font size, color, and face attributes as well as different methods for specifying colors. The anchor tag is introduced for creating links, with attributes like href, target, and name described. Examples are given throughout to demonstrate usage of the various tags.
More Related Content
Similar to Session no 3
Similar to Session no 3 (20)
More from Saif Ullah Dar
Recently uploaded
Recently uploaded (20)
Session no 3
- 1. Session No 3 Developed by: Saif Ullah Dar 1/7/2014 1
- 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. • • • • 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. • • • 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. • 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. A. SIZE B. COLOR C. FACE Developed by: Saif Ullah Dar 1/7/2014 6
- 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. 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. 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. 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. 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. <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. 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. <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. 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. The font face attribute is used to specify the font name. Developed by: Saif Ullah Dar 1/7/2014 16
- 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. <html> <body> <h2><b><MARQUEE></b> is used to scroll the enclosing text.</h2> </body> </html> Developed by: Saif Ullah Dar 1/7/2014 18
- 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. 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. ---- 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. </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. SAIF ULLAH DAR Developed by: Saif Ullah Dar 1/7/2014 23