Learning from Freecodecamp

/**
@since 15/05/2017
@version 15/05/2017
@refernence :
freecodecamp
@lauguage : Java
*/

FrontEndDevelopment Certification

HTML5 and CSS

  • Sprcify How Fonts Should Degrade
    • When one font isn’t available, you can tell the browser to “degrade” to another font.
        <!--Degrade to the Sans-Serif font when Helvetica wasn't available)-->
        p {
        font-family: Helvetica, Sans-Serif;
        }
      
    • cf. Default Fonts(All Browser) : Monospace, Serif and Sans-Serif
  • Class
      <img class ="class1 class2">
    

    +cf.img elements are self-closing.

  • Anchor tag a.k.a A tag
      <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute cat"></a>
    
    • /# : hashtag or DeadLink(in Anchor tag) for replacing realLink later
  • Add Placeholder Text to a Text Field & Use HTML5 to Require a Field
      <input type="text" required placeholder="this is placeholder text">
    
  • Form Element
      <form action = "/url-where-you-want-to-submit-form-data">
      <input type="text" placeholder="cat photo URL">
      </form>
    

etc

Written on May 15, 2017