Html টিউটোরিয়াল পর্ব (২)

8
417
এটি 9 পর্বের এইচটিএমএল পাঠশালা সিরিজ টিউনের 2 তম পর্ব
Html টিউটোরিয়াল পর্ব (২)

মুক্ত বিহঙ্গ (রিজভী)™

আমি ২০১১ সালে ডিপ্লোমা ইন-ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং কমপ্লিট করেছি এখন EEE তে বিএসসি ইঞ্জিনিয়ারিং এ অধ্যায়নরত আছি, আর শুরু হতে টিউনারপেইজের সাথে আছি আশা করি ভবিষ্যৎও থাকব ইনশাআল্লাহ,আমার ব্লগ সাইট
Html টিউটোরিয়াল পর্ব (২)
(★) অসীম দয়ালু মহান আল্লাহ তায়ালার নামে  শুরু করছি(★)আরেকটি Html পর্ব এই পর্বে দেখাব কিভাবে  ওয়েভ পেইজে ফন্ট কালার দিতে হয় ও লেখাকে সেন্টার করতে হয় এবং কিভাবে আনুভূমিক লাইন তৈরী করতে হয়, আমি আগের পর্বটার মাঝে দেখিয়েছি কিভাবে Html এ লেখাকে বোল্ড, ইতালিক ও আন্ডারলাইন করা যায়..আজকে নতুন লেসন চলুন শুরু করা যাক……..
প্রথমে আগের মত পিসি হতে নোডপেড অপেন করে নিচের কোডটির  মত লিখে ফেলব অথবা কোডটি পেস্ট করে দিব…..

 

Html টিউটোরিয়াল পর্ব (২)

<html>
<body>
<p align=”center”><b><font size=”5″color=”blue”>This is My First Web Page</b></p></font>
Welcome to my site <hr>
When speaking to others, you’re usually understood whether you whisper or shout, or talk fast or slow. However, a computer understands speech best when spoken to in a more predictable way.
</body>
</html>


এইবার এটাকে webpage.html নামে সেভ করুন তার পর সেভ করা ফাইলটি খুলুন নিচে ছবি দিয়ে দিয়েছি সমস্যা হলে দেখে নিন 
Html টিউটোরিয়াল পর্ব (২)
Html টিউটোরিয়াল পর্ব (২)
Html টিউটোরিয়াল পর্ব (২)
Html টিউটোরিয়াল পর্ব (২)
▓▒░░ ░░▒▓চলুন এটা সম্বন্ধে একটু জানি ▓▒░░ ░░░▒▓
আমরা যখন কোন লেখাকে সেন্টার এবং কালার একসাথে করব তখন <p align ব্যবহার করব আর এখানে <b> এটা ব্যবহার করা হয়েছে লেখাকে ব্লোড বা মোটা করার জন্য আর <font size=”5″ এর মানে This is My First Web Page এই লেখাটির ফন্ট সাইজ বাড়ানো হয়েছে আর লেখাটি নীল রং করার জন্য color=”blue” দেয়া হয়েছে এর পর Welcome to my site এর পর <hr> ব্যবহার হয়েছে এটি দেয়ার অর্থ হল ঐ লেখাটির পর একটি আনুভূমিক লাইন তৈরী হবে এর পর নিচের আমি ছোট একটি পেরা দিয়েছি ওটা আপনার ইচ্ছে মত দিলেই হবে এবং শেষে </body> </html> দিয়ে শেষ করবেন….
এর পর আমরা আমাদের হেডিং সুন্দর করার লক্ষে যদি এই লেখাটিকে This is My First Web Page একটি বাক্সের ভিতর ধারণ করতে চাই তাহলে শুধুমাত্র ছোট্ট একটি কাজ করতে হবে সেটা হল <p align এর উপরে নিচের কোডটি বসিয়ে দিতে হবে
<div style=”border-style:solid; border-width:3;padding-left:4;padding-right;
এর পর Welcome to my site এর উপরে </div>টি দিয়ে দিতে হবে না হয় বাক্সটি সম্পূর্ন লেখার উপর পরে যাবে…নিচে ছবি দিলাম
Html টিউটোরিয়াল পর্ব (২)

আজ এইটুকুতে থাক সবাই ভাল থাকুন এই কামনায় শেষ করছি ধন্যবাদ……….

Series Navigation << ওয়েব ডিজাইন এর হাতেখড়ি: পর্ব ৭<< Html টিউটোরিয়াল পর্ব (১)Html টিউটোরিয়াল পর্ব (৩) >>

8 মন্তব্য

একটি উত্তর ত্যাগ