Saturday, 17 March 2018

coding of Inserting Video in HTML for Your Website

Coding of Inserting Video in HTML for Your Website



inserting video in html


inserting video in HTML5
inserting video on your webpage


After a quick revision, let us go ahead, and try to understand the remaining terms for HTML5 programming. Let us learn how to add video on your webpage. In Chapter-24, we tried to understand the table, and revise that.

Now we are revising the previous chapters and making a whole web page as well as inserting the video on our webpage. For this, have a quick look on coding and <video> </video> tag.
The output for the coding is given here, you must try and try on your web browser to make the HTML 5 programming easy.

<html>
<head>
<title>My Website</title>
</head>
<body bgcolor="grey">
<h1>My WebSite</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="fruits.html">Description</a></li>
<li><a href="flowers.html">Flowers</a></li>
<li><a href="today.html">Today's Price</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<p>
<img src="plant.png" width="200" height="150" /><br /><br />
<img src="app.png" width="200" height="150" /><br />
</p>
<p>
We sell high quality fresh fruits and flower. <br />
For any inconvenience, please send us <br />email by means of filling the form
given below:
</p>
<p>
<video controls="controls" height="150">
<source src="drivingkid.mp4">
</video>
</p>
<form>
<fieldset>
<legend>Contact us: </legend>
<p>Your Name : <input type="text" /></p>
<p>Email : <input type="email" /></p>
<p><input type="reset" /> <input type="submit" /></p>
</fieldset>
</form>
<p><footer>Our Email : info@jaangla.com  Phone Number : 00000 etc.
etc.</p>
</footer>
</body>
</html>

  • Remember : 
    • If you have not updated web browser, it would not work properly in older browser.
    • Starting the tag and closing must be remembered carefully.
start off coding for website how to make programming is a part of form html by which a single choice can be chosen from many options in this tutorials of website designing or webpage design, what is html? how to create website, website design web design, You can use notepad of windows or notepad++ for writing the codes for html and css, how to make website using html and css, introduction to html programming in very easy and simple way from basic and starting. In notepad++ you can type your code and click on file menu and save as sub menu and change normal text file (*.txt) option to (HTML) Hyper Text Markup Language file (*.html) or before starting to type your code click on to language menu, find the first letter of your language in which you want to type your coding, click H submenu and select HTML language there, it will now work as a default language for your software and while you will save your file, the software will automatically choose Hyper Text Markup Language file (*.html).

There are two types of website, first is static website where no JavaScript or php is used in the coding, second is dynamic where server side programming such as php or other language is used and the client side script like JavaScript or other language is also used, third is sql language which is used for server side database management, but all the three languages which we are discussed used in dynamic websites not in static websites, both static and dynamic websites or webpages uses html - hypertext markup language and css - cascading style sheet which are primary languages for making webpage or website and necessary for both static and dynamic webpages or websites both, so have to start from html later css and later other languages to learn.
    Please comment, if find any problem in this HTML5 coding.

    Labels:

    0 Comments:

    Post a Comment

    Subscribe to Post Comments [Atom]

    << Home