Uploaded bySaif Ullah Dar
Session no 3
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.
Session no 3
- 1. Session No 3 Developedby: Saif Ullah Dar 1/7/2014 1
- 2. 1. 2. 3. 4. 5. 6. 7. 8. 9. LOGICAL CHARACTER HIGHLIGHTINGTAGS 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 Highlightersare 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 Highlightersare 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 isused 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 3different 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 colorsare 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.
- 11. I. RGB standsfor 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 <fontcolor=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 isa 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 <fontcolor=“#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 faceattribute 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 <fontface=“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 usedto scroll the enclosing text.</h2> </body> </html> Developed by: Saif Ullah Dar 1/7/2014 18
- 19. The Anchor Tag HTMLuses 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 informationwithin <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 Developedby: Saif Ullah Dar 1/7/2014 23