WEB DESIGN TUTORIAL IN BANGLA Hate Khori part #3
বাংলা ভাষায় ওয়েব-ডিজাইন শিক্ষা "হাতে খরি" পর্ব-৩
আমি আপনাদের শেখার বাংলায় কিভাবে ওয়েবডিজাইন করবেন । আমি আপনাদের কে সহজ ভাবে ও পেক্টিকেল ভাবে ওয়েবডিজাইন শিক্ষানোর চেষ্টা করব লিলে এবং ভিডিও এর মাধ্যমে । আশা করি সবাই ভাল ভাবে বুঝতে পারবেন। অনেকের মনে এই ধারণা আছে যে অনলাইন এ মাধ্যমে পরিপূর্ণ ভাবে ওয়েবডিজাইন শেখা যায় না। আমি তাদের উদ্দেশ্য করে বলছি যে আমার এই টিটৈারিয়াল গুলোকে ভাল ভাবে ফলো করলে আপনিও নিজেকে ওয়েবডিজাইনার হিসেবে গড়ে তুলে ধরতে পারবেন। আমার কেনো ভুল হলে ক্ষমা করবেন। আর একটা কথা অবশ্যই প্রত্যেক দিন একটু সময় ব্যয় করে হলেও Practice করবেন তাহলে দেখবেন আরও সহজ হয়ে যাবে ।
চলুন আজের বিষয় শুরু করি।
আজ আমি আপনাদের দেখাব।
এইচটিএমএল ইলিমেন্ট এবং এইচটিএমএল এট্রিবিউটস
গত পর্বের আলোচনার কিছু পনরায় পর্যালোচনা
এইচটিএমএল ট্যাগ
ট্যাগ হল এইচটিএমএল এর প্রাণ অর্থাৎ ট্যাগই হল এইচটিএমএল এর সবকিছু । আর এইচটিএমএল শেখার উদ্দেশ্য হল ট্যাগ সম্পর্কে বিস্তারিত জানা, তাই এইচটিএমএল এ ট্যাগ এর গুরুত্ব অপরিসীম । এইচটিএমএল ট্যাগ গুলো (<) দিয়ে শুরু হয় এবং (>) দিয়ে শেষ হয় এটি হল একটি ট্যাগ তবে এই সম্পূর্ণ ট্যাগটি শেষ করতে শুরু (<>) এবং </> দিয়ে শেষ করতে হবে । শুরু আর শেষ ট্যাগ ছাড়াও রয়েছে ধারণকৃত ট্যাগ যেমনঃ <html> এখানে html হল ধারণকৃত ট্যাগ । তবে ট্যাগগুলো ব্রাউজারে প্রদর্শিত হবে না ।
যেমনঃ নিচের কোড টুকু পরীক্ষা করা যাক
যেমনঃ নিচের কোড টুকু পরীক্ষা করা যাক
উদাহরণ:
আমি ট্যাগ গুলো নিয়ে আগের পর্বে আলোচনা করেছি আপনাদের সুবিধার জন্য আমি আবার ট্যাগ গুলোকে দিলাম।
এইচটিএমএল ট্যাগ এর তালিকাঃ
<html> </html>
|
এইচটিএমএল ডকুমেন্ট নির্দেশ করে ।
|
<head> </head>
|
এইচটিএমএল হেড অংশ নির্দেশ করে ।
|
<title> </title>
|
এইচটিএমএল
|
<body></body>
|
ডকুমেন্টের শিরোনাম তথা টাইটেল নির্দেশ করে ।
|
<h></h>
|
হেডার অংশ নির্দেশ করে ।
|
<p> </p>
|
টেক্সট এর প্যারাগ্রাফ নির্দেশ করে ।
|
<b></b>
|
বোল্ড টেক্সট নির্দেশ করে ।
|
<i> </i>
|
ইতালিক টেক্সট নির্দেশ করে ।
|
<u> </u>
|
আন্ডারলাইন টেক্সট নির্দেশ করে ।
|
<a> </a>
|
লিংক টেক্সট নির্দেশ করে ।
|
<font></font>
|
ফন্ট এর প্যারামিটার নির্দেশ করে ।
|
<img/>
|
ইমেজ ট্যাগ নির্দেশ করে ।
|
<br/>
|
লাইন ব্রেক নির্দেশ করে ।
|
উপরে কিছু ট্যাগ আছে যেগুলো শুরু ট্যাগ আছে কিন্তু শেষ ট্যাগ নাই । যেমনঃ <img/> এগুলো কোন ইলিমেন্ট ধারণ করে না ।
Related Content:
আজকের বিষয়:-
এইচটিএমএল ইলিমেন্ট :
এইচটিএমএল এর শুরুর ট্যাগ হল < > আর শেষ ট্যাগ হল < /> এবং এ দুটির মাঝে যা থেকে তাই হল ইলিমেন্ট,
যেমনঃ আমরা যদি টেক্সট এডিটর এ লিখি
যেমনঃ আমরা যদি টেক্সট এডিটর এ লিখি
এবং পূর্বের নিয়মে সেভ করলে দেখা যাবে ব্রাউজারে This is my first web body নামক লিখাটি প্রদর্শিত হচ্ছে, আর এটিই এইচটিএমএল ইলিমেন্ট ।
Related Content:
Related Content:
এইচটিএমএল এট্রিবিউটস
এট্রিবিউটস এর কাজ হচ্ছে ট্যাগ কে Modify) করা অর্থাৎ ট্যাগের ক্ষমতা বৃদ্ধির জন্য এট্রিবিউটস ব্যবহার করা হয়, অনেকটা সিএসএস এর মত । এইচটিএমএল দিয়ে একটি টেম্পলেট তৈরি করলে এট্রিবিউটস টেম্পলেটের বিভিন্ন স্টাইল, মান বৃদ্ধি করে ।
যেমনঃ নিচের কোডগুলো নোটপ্যাড এ লিখুনঃ
এবার কোডগুলো index.html নামে সেভ করুন । এখন, ফাইলটি ওপেন করুন, দেখবেন একটি ওয়েব ব্রাউজারে নিচের মত প্রদর্শিত হবে ।
লেখা দেখে যদি বুজতে সমস্যা হয়ত ভিডিও দেখুন। আমি পত্যেক দিনের টিটোরিয়াল লেখার পর আপনাদের বুঝার সুবিধার জন্য ভিডিও টিটোরিয়াল করে আপলোড করে দিই।
আকের টিটোবিয়ালের ভিডিও টিটোরিয়াল।
ধন্যবাদ আজকের মত এইখানে শেষ করলাম সবাই ভাল থাকবেন ইনশাআল্লাহ। আল্লাহ হাফেজ।
লেখা দেখে যদি বুজতে সমস্যা হয়ত ভিডিও দেখুন। আমি পত্যেক দিনের টিটোরিয়াল লেখার পর আপনাদের বুঝার সুবিধার জন্য ভিডিও টিটোরিয়াল করে আপলোড করে দিই।
আকের টিটোবিয়ালের ভিডিও টিটোরিয়াল।
ধন্যবাদ আজকের মত এইখানে শেষ করলাম সবাই ভাল থাকবেন ইনশাআল্লাহ। আল্লাহ হাফেজ।
