Skip to content

Latest commit

 

History

History
 
 

project-htmlcss-j2-typography

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 
joshua.html
joshua.html
 
 

README.md

Project HTMLCSS J2 Typography

Topics: Font Family , Font Weight , Font Style , Word Spacing , Letter Spacing , Text Transformation , Text Alignment , Line Height Anatomy , Line Height , Serif and Sans Serif , Fallback Fonts , Linking Fonts Font-Face

Project Title: Funny Sentences

  1. Create a html file with your name like john.html
  2. Add current code to that file:
<!DOCTYPE html>
<style>
  /* your css code here */
</style>
<html>
  <body>
    <!-- your html code here -->
  </body>
</html>

  1. Set add element font type to Courier New.

  2. Add h1 element, set h1 font type Arial, and set h1 contnet to The best thing about the future is that it comes one day at a time..

  3. Add h2 element, set h2 font weight bold, and set h2 contnet to The difference between stupidity and genius is that genius has its limits..

  4. Add h3 element, set h3 font style italic, and set h3 contnet to If you want your children to listen, try talking softly to someone else..

  5. Add h4 element, set h4 word spacing 0.5em, letter spacing 0.5em, and set h4 contnet to My opinions may have changed, but not the fact that I’m right..

  6. Add h5 element, set h5 text alignment to center, and set h5 contnet to To be sure of hitting the target, shoot first, and call whatever you hit the target..

  7. Add h6 element, set h6 text all capital, and set h6 contnet to Trouble knocked at the door, but, hearing laughter, hurried away..

  8. Add p element, set p line height to 2 as a ratio of the font size, and set p contnet to But the fact that some geniuses were laughed at does not imply that all who are laughed at are geniuses. They laughed at Columbus, they laughed at Fulton, they laughed at the Wright Brothers. But they also laughed at Bozo the Clown..

  9. Add another p element and set font to Garamond, if it is not available use Arial. Set content to There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable.There is another theory which states that this has already happened

  10. Link fonts Droid Serif and Playfair Display from Google. Add another p element and set font to Droid Serif, Playfair Display. Set content to My grandmother started walking five miles a day when she was sixty. She’s ninety-seven now, and we don’t know where the hell she is..

Want to get reviewed?

Send Pull Request. Check how to deliver your code: https://codingwithbasir.com/how-to-deliver-projects/

Need help?

Download Free eBook https://codingwithbasir.com/download