Author- MD.HABIBUR RAHMAN
ওয়েব ডিজাইন বা ওয়েব ডেভেলপমেন্ট করার জন্য HTML ভাষা জানা অত্যন্ত গুরুত্বপূর্ণ। HTML ভাষা না জেনে কোন ভাবেই ওয়েব ডিজাইন বা ওয়েব ডেভেলপমেন্ট করা যায় না। আবার HTML5 হচ্ছে HTML এর নতুন সংস্করণ। এজন্য আজ আমি HTML5 সম্পর্কে কিছু উদাহরণসহ ধারণা দেব।
HTML5 সাধারণত কিছু কোড এর mgš^q| যেমনঃ-
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
এখানে <!DOCTYPE html> দ্বারা ডকুমেন্টের প্রকারকে বোঝানো হয়েছে। আবার,এখানে html দ্বারা শুরু হয়েছে এবং html দ্বারা শেষ হবে এভাবে body দ্বারা শুরু হলে body দ্বারা শেষ হবে। অর্থ্যা কোড যেটি দ্বারা শুরু হবে সেটার দ্বারাই শেষ করতে হবে।
Input Type: date
Birthday: <input type="date" name="bday">
HTML Audio - Using <object>
<object height="50" width="100" data="horse.mp3"></object>
Playing Videos in HTML
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240">
</object>
</video>
Image In HTML
<!DOCTYPE html>
<html>
<body>
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"></body>
</html>
HTML5 Compliant
<!--...--> Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<area> Defines an area inside an image-map
<body> Defines the document's body
<center> Defines centered text
<font> Defines font, color, and size for text
<footer> Defines a footer for a document or section
<head> Defines information about the document
<html> Defines the root of an HTML document
<input> Defines an input control
<li> Defines a list item
<p> Defines a paragraph
<span> Defines a section in a document
<td> Defines a cell in a table
<textarea> Defines a multiline input control (text area)
