আশা করছি ভালই আছেন,তবে আমার পোস্ট টা দেখে হয়ত ইচ্ছা করতেছে কমেন্টে একটা গালি দেওয়ার,কারণ আমি নিয়মিত আপনাদের টিউটোরিয়াল দেব এই কথা দেওয়ার পরেও আমি আপনাদের ধারাবাহিক ভাবে টিউটোরিয়াল দিতে পারিনি,তবে বিশ্বাস করুন,আমি প্রতিটা দিন পোস্ট লিখার অনেক চেস্টা করেছি কিন্তু সময় বের করতে পারিনি,আসলে আমি একটা আর্নিং অ্যাপ এর ডেভেলপমেন্ট এর সাথে যুক্ত ছিলাম এবং গতকাল এই অ্যাপ পাব্লিশ এর তারিখ ছিল সো আমাকে প্রচুর সময় দিতে হয়েছে এবং আমি পোস্ট লিখার সময় করতে পারিনি(অ্যাপ টি নিয়ে পরে পোস্ট করব)।
আশা করি সবাই আমার পোস্ট করতে না পাড়ার কারন টা বুঝতে পারছেন,এবার চলুন আজ থেকে ইনশাআল্লাহ সময় করতে পারব,আর আজ যেহেতু সময় পেয়ে আপনাদের জন্য পোস্ট লিখতে চলে আসলাম তাই আর কথা না বাড়িয়ে সরা সরি পোস্টে চলে যাই।তবে তার আগে বলে নেই না ভাই আমি হারিয়ে যাইনি,আমি যেহেতু কথা দিয়েছি ইনশাআল্লাহ দ্রুত না পারলেও ধীরে ধীরে আমার কথা রাখবই ইনশাআল্লাহ।
এবার চলুন আজ আমরা শিখব html এ কিভাবে Heading এবং paragraph লিখত্তে হয় এবং Attribute কিভাবে ব্যবহার করতে হয়।
কাজ করার জন্য প্রথমেই গত পর্বের নিয়ম অনুযায়ী একটা HTML ফাইল তৈরী করুন এবং Notepad++ দিয়ে ওপেন করে HTML এর ব্যাসিক কোড টি লিখে ফেলুন,এবার আমরা শিখব Heading কিভাবে লিখতে হবে,আমরা আগের পর্বেই জেনেছি ওয়েব পেইযে সো করানোর জন্য যা লিখা হয় সেগুলো tag এর ভিতর লিখতে হয়।
কোড লিখার আগেই আমাদের জেনে নেওয়া প্রয়োজন Heading কী?
ওয়েব ডিজাইন শিখার জন্য যারা পোস্ট টি ওপেন করেছেন তারা সবাই আশাকরি Heading জিনিশ টা কী সেটা ভালভাবে জানেন তাইবলে কমেন্ট কইরেন না যে এইসব সবাই জানে,কারন আমি কিন্তু একদম শুরু থেকে আপনাদের শেখাব বলেছি সে ক্ষেত্রে শুরু থেকেই শেখাচ্ছি।
Post এর শুরুর দিখেই দেখেছেন বড় করে লিখা আছে আসসালামু আলাইকুম,এইটা হচ্ছে একটা Heading তাছাড়াও আপনারা নিশ্চয় নিয়মিত অনেক ওয়েবসাইট ভিজিট করেন এবং ওয়েবসাইট এর ভিবিন্য যায়গায় দেখে থাকবেন বিভিন্য লিখা বড় করে লিখা থাকে,সে বড় লিখাই হচ্ছে Heading তাছাড়া আপনারা পত্রিকাতে দেখে থাকবেন খবরের উপরে খবরের হ্যাডলাইন লিখা থাকে সেগুলো ও একধরনের হ্যাডিং।
হ্যাডিং মোট ৬ প্রকারের মানে হ্যাডিং মোট ৬ টি সাইজের আছে ,আর হ্যাডিং লিখার জন্য ও HTML এর ট্যাগ আছে এবং ৬ টি হ্যাডিং এর জন্য ৬টি ট্যাগ আছে,চলুন দেখি হ্যডিং এর জন্য HTML এর ট্যাগ কী,
হ্যাডিং লিখার ট্যাগ গুলো হল
h1-h2-h3-h4-h5-h6 এই ট্যাগ গুলো হচ্ছে ডাবল ট্যাগ,আর আমরা জানি HTML এর ট্যাগ গুলো কিভাবে লিখতে হবে।
কোড গুলো টেস্ট করার জন্য notepad++ এ লিখুন,এবং টেস্ট করুন।না বুঝলে নিছের স্ক্রিনশট দেখুন,
গুগল ক্রোমে আউটপুট–
এবার আমরা শিখব paragraph কিভাবে লিখতে হয় html এ —
প্যারাগ্রাফ কি? ওয়েব সাইটে যত পোস্ট লিখা হয় সব পোস্ট এ প্যারাগ্রাফ ট্যাগ এর ভিতর লিখা হয়,এই সম্পুর্ন পোস্ট ই প্যারগ্রাফ,প্যারগ্রাফ কী সেটা আশা করি বুঝে গেছেন।
কিভাবে লিখবেন প্যারাগ্রাফ ,এর জন্য এইচটিএমএল এর যে ট্যাগ আছে সেটা হল “p”।
আর এটাও একটি ডাবল ট্যাগ,তাই আগের নিয়মেই টাগ লিখুন না পারলে স্ক্রনশট দেখুন–
অউটফুট—
এবার আসি এট্রিবিউট এ,
এট্রিবিউট কী??
আমরা আগেই আলোচনা করেছি Html এর উপাদান হচ্ছে দুইটা , ট্যাগ এবং এট্রিবিউট তার মধ্যে ট্যাগ হচ্ছে বেশী ব্যবহার হয় আর এট্রিবিউট একটু কম ব্যবহার হয় এবং এট্রিবিউটও ট্যাগ ছাড়া লিখা যায় না এট্রিবিউট ট্যাগ এর মধ্যেই ব্যবহার হয় তবে এইটা ও একটা গুরুত্বপুর্ন বিষয়।
তো চলুন দেখি কিভাবে এট্রিবিউট লিখবেন,
আগেই আমরা জেনেছি এট্রিবিউট ট্যাগ এর ভিতর লিখতে হয়, এট্রিভিউট লিখার নিয়ম–
এট্রিবিউট লিখতে হয় অপেনিং ট্যাগ এর ভিতর নিচের নিয়মে
উদাহরন ঃ
Author
এটি একটি সাধারন এট্রিবিউট আর এইটা হচ্ছে এট্রিবিউট লিখার নিয়ম,আর এই এট্রিবিউট এর আউটফুট–Author
উপরের আউট ফুটে Author লিখার উপর মাউসের কার্সার রাখলেই বুঝতে পারবেন এই এট্রিবিউট এর কাজ।
ত আজকের পর্ব এই পর্যন্তই কোন ভুল হলে ক্ষমার দৃষ্টিতে দেখবেন এবং কমেন্ট এ বলে দেবেন।সবাই ভাল থাকুন আর অপেক্ষা করুন পরের পোস্ট এর আশা করছি শিগ্রই পরের পোস্ট নিয়ে হাজির হব ইনশাআল্লাহ।
যে কারনে মোডারেটরদের দেখতে বলেছিwp admin থেকে ট্রিকবিডিতে স্ক্রিনশট আপ্লোড হচ্ছেনা,অনেক কস্টে মোবাইল ড্যাশবোর্ড থেকে আপ্লোড করে দিয়েছি এই সমস্যার সমাধান করুন দয়া করে, স্ক্রিনশট আপ্লোড না হওার স্ক্রিনশট এর গুগল ড্রাইভ লিংক—
https://drive.google.com/file/d/1R1j0kC-ET0nZ5jKQtXJZe9EbLbVpC7cj/view?usp=sharing
ভিউয়ার্স রা পোস্ট পরে না বুঝলে ভিডিও দেখুনঃ–
ফেইসবুকে আমি— Mir Aminul Haque
You must be logged in to post a comment.
এটা কি পোস্ট ভাই
কেন ভাই?আপনিব কী পোস্ট পড়েন নি??বা টাইটেল পড়েন নি?
এইরকম ওয়েব ডিজাইনের প্রাথমিক পর্যায়ের পোস্ট এর আগে অনেক হছে,,সবাই ২/৩ পার্ট দিয়ে হারিয়ে যায়,,,এইটায় দেখে আসতেছি…আপনি আবার সেই প্রাথমিক পর্যায়ের পোস্ট করছেন।। আর লেখাগুলো বড় বড় মোটেও ভাল লাগতিছে না…
itbari.com er video gula thake share korben plesae
vai eita iligal,
itbari.com er video gula thake share korben plesae….
lekha onk boro vlo hyni post
স্কিনশর্ট বোঝা যাচ্ছে না
Awesome.