1.
HTML কি?
- এইচটিএমএল মানে হাইপার টেক্সট
মার্কআপ ল্যাঙ্গুয়েজ
- এইচটিএমএল হল ওয়েব পেজ তৈরির
জন্য আদর্শ মার্কআপ ভাষা
- HTML একটি ওয়েব পেজের গঠন
বর্ণনা করে
- এইচটিএমএল উপাদানগুলির একটি
সিরিজ নিয়ে গঠিত
- HTML উপাদানগুলি ব্রাউজারকে বলে
যে কীভাবে সামগ্রী প্রদর্শন করতে হয়
- এইচটিএমএল উপাদানগুলি সামগ্রীর অংশগুলিকে লেবেল করে যেমন "এটি একটি শিরোনাম", "এটি একটি অনুচ্ছেদ", "এটি একটি লিঙ্ক" ইত্যাদি।
একটি
সাধারণ HTML নথি
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
উদাহরণ ব্যাখ্যা করা হয়েছে
- ঘোষণাটি <!DOCTYPE
html>সংজ্ঞায়িত করে যে এই নথিটি একটি HTML5 নথি৷
- উপাদানটি <html>একটি
HTML পৃষ্ঠার মূল উপাদান
- উপাদানটিতে <head>HTML
পৃষ্ঠা সম্পর্কে মেটা তথ্য রয়েছে
- উপাদানটি <title>HTML
পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা
পৃষ্ঠার ট্যাবে দেখানো হয়)
- উপাদানটি <body>নথির
মূল অংশকে সংজ্ঞায়িত করে এবং এটি সমস্ত দৃশ্যমান বিষয়বস্তুর জন্য একটি
ধারক, যেমন শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্ক, টেবিল, তালিকা ইত্যাদি।
- উপাদানটি <h1>একটি
বড় শিরোনাম সংজ্ঞায়িত করে
- উপাদানটি <p>একটি
অনুচ্ছেদ সংজ্ঞায়িত করে
2.
একটি HTML উপাদান কি?
একটি
HTML উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা
সংজ্ঞায়িত করা হয়:
< tagname > বিষয়বস্তু
এখানে যায়... < /tagname >
এইচটিএমএল উপাদান হল
শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সবকিছু:
<h1> আমার প্রথম
শিরোনাম < / h1 >
<p> আমার
প্রথম অনুচ্ছেদ । < /p >
HTML নথি:
সমস্ত
HTML নথি অবশ্যই একটি নথির প্রকার ঘোষণা দিয়ে শুরু করতে হবে <!DOCTYPE
html>:
HTML
ডকুমেন্ট নিজেই শুরু হয় <html>এবং শেষ হয় </html>।
HTML
নথির দৃশ্যমান অংশটি <body>এবং এর মধ্যে </body>।
উদাহরণ:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE> ঘোষণা:
ঘোষণাটি <!DOCTYPE>নথির
প্রকারের প্রতিনিধিত্ব করে এবং ব্রাউজারগুলিকে ওয়েব পৃষ্ঠাগুলি সঠিকভাবে প্রদর্শন
করতে সহায়তা করে।
এটি
পৃষ্ঠার শীর্ষে (যেকোনও HTML ট্যাগের আগে) শুধুমাত্র একবার প্রদর্শিত হবে।
ঘোষণাটি <!DOCTYPE>কেস
সংবেদনশীল নয়।
HTML5
এর জন্য ঘোষণা <!DOCTYPE>হল:
<!DOCTYPE html>
HTML শিরোনাম:
এইচটিএমএল
শিরোনামগুলিকে ট্যাগ দিয়ে সংজ্ঞায়িত করা <h1>হয়েছে <h6>।
<h1>সবচেয়ে
গুরুত্বপূর্ণ শিরোনাম সংজ্ঞায়িত করে। <h6>সর্বনিম্ন গুরুত্বপূর্ণ
শিরোনাম সংজ্ঞায়িত করে:
উদাহরণ
<h1>This is heading
1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
এইচটিএমএল অনুচ্ছেদ:
HTML
অনুচ্ছেদ <p>ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়েছে:
উদাহরণ
<p>This is a
paragraph.</p>
<p>This is another paragraph.</p>
এইচটিএমএল লিংক:
HTML
লিঙ্ক <a>ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়:
উদাহরণ
<a href="https://https://dcareer-1.blogspot.com/">This
is a link</a>
লিঙ্কের
গন্তব্য বৈশিষ্ট্যে নির্দিষ্ট করা আছে href।
HTML
উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে বৈশিষ্ট্যগুলি ব্যবহার করা হয়।
আপনি
পরবর্তী অধ্যায়ে গুণাবলী সম্পর্কে আরও শিখবেন।
এইচটিএমএল ইমেজ:
HTML
ইমেজ <img>ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়.
উৎস
ফাইল ( src), বিকল্প পাঠ্য ( alt), width, এবং heightগুণাবলী
হিসাবে প্রদান করা হয়:
অধ্যায়ের
সারাংশ:
- সমস্ত HTML উপাদানের বৈশিষ্ট্য থাকতে পারে
- লিঙ্কটি
যে পৃষ্ঠায় যায় তার URL- hrefএর বৈশিষ্ট্যটি নির্দিষ্ট
করে <a>
- srcএর
বৈশিষ্ট্যটি প্রদর্শিত <img>হওয়ার জন্য চিত্রটির পথ
নির্দিষ্ট করে
- widthএবং heightএর
বৈশিষ্ট্যগুলি ছবির <img>জন্য আকারের তথ্য প্রদান করে
- altএর
বৈশিষ্ট্য একটি <img>চিত্রের জন্য একটি বিকল্প পাঠ্য প্রদান
করে
- বৈশিষ্ট্যটি styleএকটি
উপাদানে শৈলী যোগ করতে ব্যবহৃত হয়, যেমন রঙ, ফন্ট, আকার এবং আরও অনেক কিছু
- langট্যাগের
বৈশিষ্ট্য ওয়েব <html>পেজের ভাষা ঘোষণা করে
- বৈশিষ্ট্য titleএকটি
উপাদান সম্পর্কে কিছু অতিরিক্ত তথ্য সংজ্ঞায়িত করে
0 Comments
Thank you for your comment.