Module 4 Practice


Video 01: 4-1 HTML5 Audio, video, youtube video, embed iframe




Youtube Video



Video2 : HTML5 Semantic tags: section article header footer main

Difference between HTML4 & HTML5

HTML 4 HTML 5
It is the fourth iteration of HTML. It is the fifth iteration of HTML – an update over HTML4.
Lengthy Doctype declaration: Simple Doctype declaration:
These tags are not available in HTML4. Comes with new HTML tags, including 
<audio>, <video>, <header>, <footer>, <canvas>, <article>,
and more.
Multimedia supporting tags are not available. Multimedia supporting tags are available.
Difficult for developers to handle inaccurate syntax errors. It can handle inaccurate syntax errors.
To store important data on the client-side, the browser’s cache is used. HTML5 uses the web SQL database, web storage, and application cache to store offline data that can be accessed through HTML5’s JavaScript interface. 
 <div>
tag is used for separating two parts.		 Does not require 
<div>
tag.
Adding a figure with a caption to a document is not possible. Adding a figure with a caption to a document is semantically possible.


Video 03: 4-3 Html form input label fieldset legend textarea submit

Welcome to Jamaler ma pita ghor

Html form input label fieldset legend textarea submit

Welcome to Pitha Ghor

Pick One Pitha
Select One or more Vortha
Special Instractions

Video 4-4 Table, tr, th, td, caption, colspan attribute, rowspan attribute

1 Bill gates $1000
2 Steve Jobs $1200
3 Larry Page $1200

Video 4-5 Simple navbar and internal navigation among files

flex use in parent tag but inline use in child tag.

Video 4-6 (optional) Add nested menu dropdown option on mouseover


Video 4-7 All html tags, everything you need to know about html

Search Google HTML5

Video 4-8 All html attributes Title attribute, comments, alt, data

Title attribute= when mouse hover then show text

Video 4-9 Module summary and Emmet cheatsheet

                    Immediate tag such as== ul>li

                    Emmat: 

                    section>article.blog*5>h3{My Blog-$}+p>lorem50 then enter

                    Search google: emmet cheat sheet

                    ^=Clent up =upore uta

QUIZ

Question 01: Which html attribute will you need to see the play button on your audio video in the browser? Ans: Controls.

Question 02: Which tag is used to play YouTube videos on your website? Ans: <iframe></iframe>

Question 03: Which one is not a semantic tag among all the options below? Ans: div

Question 04: Which tag should be used to write a blog in html5? Ans: <article></article>

Question 05: Which tag will you use to create a horizontal line? (if needed google it) Ans: hr

Question 06: Which of the following is used to specify the beginning of a table’s row? Ans: <tr>

Question 07: Which of the following tags gives a caption to the table? Ans: <caption>

Question 08: What does colspan do? Ans: Allows a single table cell to span the width of more than one cell or column.

Question 09: Why is the data attribute used in html? (if needed google it) Ans: It is used to provide custom data.

Question 10: Which of the following is the correct syntax to display the hyperlinks without any underline? Ans: a{text-decoration: none;}