1 / 18

HTML 5, CSS, Color codes, Video

HTML 5, CSS, Color codes, Video. Celeste Ng Prepared: 2018. HTML 5 -1 – coding tutorial. Source : https:// www.w3schools.com/html/default.asp. HTML 5 - 2 – coding tutorial – CSS, JS. Source : https:// www.w3schools.com/html/default.asp. HTML 5 - 3 – copy the html code.

proberts
Download Presentation

HTML 5, CSS, Color codes, Video

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML 5, CSS, Color codes, Video Celeste Ng Prepared: 2018

  2. HTML 5 -1 – coding tutorial Source: https://www.w3schools.com/html/default.asp

  3. HTML 5 -2 – coding tutorial – CSS, JS Source: https://www.w3schools.com/html/default.asp

  4. HTML 5 -3 – copy the html code Source: https://www.w3schools.com/html/default.asp

  5. HTML 5 -4 – copy the CSS code Source: https://www.w3schools.com/html/default.asp

  6. HTML 5 -5 – coding explanation Source: https://www.w3schools.com/html/default.asp

  7. HTML 5 -6 –viewport (device width) Source: https://www.w3schools.com/html/default.asp

  8. HTML 5 -8 – dropdown list ……. Source: https://www.w3schools.com/html/default.asp

  9. HTML Color Codes - 1 Source: https://html-color-codes.info/

  10. HTML Color Codes - 2 Source: https://www.toodoo.com/db/color.html

  11. HTML 5 – Video -1 – video codes Source: https://www.w3schools.com/html/default.asp

  12. HTML 5 – Video -2 – add control panel • <!-- Panel (VIDEO) --> • <section class="panel banner right"> • <div class="content color0 span-3-75"> • <video width="480" height="360" controls> • <source src="Decoupage_Cosmetics_Bag.mp4" type="video/mp4"> • Your browser does not support the video tag. • </video> • </div> • </section> Source: https://www.w3schools.com/html/default.asp

  13. HTML 5 – Video –Invalid Source Error – Resolution – Activate IIS

  14. HTML 5 – Video –Invalid Source Error – Resolution – Open IIS  select MIME Types

  15. HTML 5 – Video –Invalid Source Error – Resolution – Add .mp4

  16. Video Frame Slick Slider with auto play YouTube, Vimeo and HTML5 video Source: https://codepen.io/digistate/pen/MvapbE

  17. Video Frame Play HTML5 Video or Audio in Slider Source: http://www.menucool.com/slider/play-html5-video-or-audio-in-slider

  18. Video Frame Slideshow / Carousel Source: https://www.w3schools.com/howto/howto_js_slideshow.asp

More Related