FONT Lauren Muhleman
What is it? <ul><li>Font tag specifies: </li></ul><ul><ul><li>Size </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><ul...
Function <ul><li>Give text emphasis </li></ul><ul><li>Make a web page more interesting or eye-catching </li></ul>
Attributes <ul><li>Dir </li></ul><ul><ul><li>Forward backward, vertical, horizontal </li></ul></ul><ul><li>Lang </li></ul>...
Optional Attributes <ul><li>Color </li></ul><ul><ul><li>RGB #xxxxxx </li></ul></ul><ul><li>Face </li></ul><ul><ul><li>Font...
Examples <ul><li><font size=“3” color=“red”>Text!</font> </li></ul><ul><li><font face=“Verdana” color=“green”>Text!</font>...
Screenshots
Screenshots
Screenshots
Source <ul><li>http://www.w3schools.com/css/tryit.asp?filename=trycss_font-family </li></ul>
Upcoming SlideShare
Loading in …5
×

Font

520 views

Published on

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

  • Be the first to like this

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

No notes for slide

Font

  1. 1. FONT Lauren Muhleman
  2. 2. What is it? <ul><li>Font tag specifies: </li></ul><ul><ul><li>Size </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><ul><li>Font face </li></ul></ul>
  3. 3. Function <ul><li>Give text emphasis </li></ul><ul><li>Make a web page more interesting or eye-catching </li></ul>
  4. 4. Attributes <ul><li>Dir </li></ul><ul><ul><li>Forward backward, vertical, horizontal </li></ul></ul><ul><li>Lang </li></ul><ul><ul><li>“ en” </li></ul></ul><ul><li>Style </li></ul><ul><ul><li>Inline </li></ul></ul><ul><li>Title </li></ul><ul><ul><li>Extra info </li></ul></ul>
  5. 5. Optional Attributes <ul><li>Color </li></ul><ul><ul><li>RGB #xxxxxx </li></ul></ul><ul><li>Face </li></ul><ul><ul><li>Font family “Verdana” </li></ul></ul><ul><li>Size </li></ul><ul><ul><li># </li></ul></ul>
  6. 6. Examples <ul><li><font size=“3” color=“red”>Text!</font> </li></ul><ul><li><font face=“Verdana” color=“green”>Text!</font> </li></ul>
  7. 7. Screenshots
  8. 8. Screenshots
  9. 9. Screenshots
  10. 10. Source <ul><li>http://www.w3schools.com/css/tryit.asp?filename=trycss_font-family </li></ul>

×