Module ৬ এ আমরা যাকিছু শিখেছি
HTML 5 semantic tags,audio, video, table form
Audio, video ট্যাগ কিভাবে ব্যাবহার করে ? (<audio src=""></audio> <video src=""></video>)
Section ট্যাগ আমরা কেন ব্যাবহার করি ? (এক একটা section এ ভাগ করার জন্য । সাথে কোড বুঝার সুবিধার্থে)
Article ট্যাগ আমরা কখন ব্যাবহার করব ? (কোণ কিছু details লেখার জন্য আমরা ব্যাবহার করতে পারি । article ট্যাগ এর ভিতরে আমরা আরও ট্যাগ অ্যাপ্লাই করতে পারি যেমন h1-h6 ,p , ইত্যাদি) আর HTML5 এভাবেই লেখতে বলে
Footer ট্যাগ এর কাজ কি ?
আমাদের ওয়েবসাইটে অনেকগুলো section থাকতে পারে । আমরা সেগুলোকে একটা <main></main> ট্যাগ এর ভিতরে রাখতে পারি । তাহলে ওয়েবসাইটটা ৩ টা সেক্টরে বিভক্ত করা যায় । আর এতে কোড বোঝা অনেক সহজ হয় । আর এতাই standard html5 এর ক্ষেত্রে
Nav ট্যাগ এর কাজ কি ? (স্বাধারণত মেনু তৈরি করার কাজে লাগে)
Aside ট্যাগ দ্বারা কি কাজ করা যায় ? (sidebar তৈরি করার জন্য aside ব্যাবহার করতে হয় )
Table কিভাবে বানাতে হয় ? যেমনঃ
<table border=””> <caption>Monthly savings</caption> <thead> <th></th> </thead> <tbody> <tr> <td></td> </tr> </tbody> </table>
|
Border-collapse:collapse করলে কি চেঞ্জ আস্তে পারে ?
Form কিভাবে তৈরি করে ?
ইনপুট টাগগুলো p ট্যাগ এর ভিতরে রাখলে আমরা ইউজারের কাছ থেকে কি গ্রহন করতে চাচ্ছি টা বলে দিতে সুবিধা হয় ।
<fieldset><legend> এর কাজ কি ?
Checkbox, radio ইনপুট কিভাবে তৈরি করে ?
<label> এর কাজ কি ?
<fieldset> <p> <label for=""> <input type="radio" name="" id=""> </label> </p> </fieldset>
|
Menu তৈরি করতে চাইলে আমরা কোণ ট্যাগের ভিতরে menu-item গুলো রাখব ? (অবশ্যয় <nav> ট্যাগ এর ভিতরে)
Ul, li , a এর মাধ্যমে মেনু কিভাবে তৈরি করে ? এবং a tag এর মাধ্যমে কিভাবে একটা এইচটিএমএল ফাইল থেকে অন্য আর একটা এইচটিএমএল ফাইলে জেতে হয় ।
Nested dropdown কিভাবে তৈরি করে ? যেন hover করার পর সেই মেনু গুলো দেখা যায় ।
Svg ট্যাগ এর মধ্যমে কিভাবে rect and circle সেপ (shape) তৈরি করতে হয় ? এবং কিভাবে SVG এর মাধ্যমে ইমেজ বানাতে হয় ?
<svg width="400" height="400"> <rect x="100" y="200 " width="400" height="400" fill="tomato"></rect> <circle cx="50" cy="50" r="40"stroke="tomato"stroke-width="4"fill="pink" /> </svg> নোটঃ c= circle , r = radius , Fill = কাস্টম কালার আরও উদাহরণ <svg viewBox="0 0 200 200" style="border: 1px solid red" width="400" height="400"> <circle cx="100" cy="100" r="82" fill="yellow"></circle> <circle cx="65" cy="82" r="18" fill="black"></circle> <circle cx="130" cy="82" r="18" fill="black"></circle> <path d="M65 125 A1, 0.8 0 0, 0 130 125" stroke="black" stroke-width="10"></path> </svg> |
Html5 এর ট্যাগগুলো একনজরে দেখে নেই । আর যেগুলো আমরা জানি না আর এর আগে কখন শিখিনাই সেগুলো গুগলে সার্চ করে দেখে নিব এইচটিএমএল HTML5 এর লিস্ট এখানে সংযুক্ত করলাম . লিস্ট দেখতে এই লিঙ্ক এ চলে জান
Html5 এর attributes একনজরে দেখে নেই । আর যেগুলো আমরা জানি না আর এর আগে কখন শিখিনাই সেগুলো গুগলে সার্চ করে দেখে নিব এইচটিএমএল HTML5 attributes এর লিস্ট এখানে সংযুক্ত করলাম । লিস্ট দেখতে এই লিঙ্ক এ চলে জান
আর আমার github এ যাইতে চাইলে এই লিঙ্কে ক্লিক করুন
About
Md: Rashedul Islam Shihab Writer of this note Batch4 Social accounts
|
Post a Comment