X

X

X

HTML এর বেসিক উদাহরণ


HTML ডকুমেন্ট

প্রতিট HTML ডকুমেন্ট টেমপ্লেট <!DOCTYPE html> দিয়ে শুরু হয়। এটিকে ডকুমেন্ট টাইপ বলে। 
প্রতিটি HTML ডকুমেন্ট <html> দিয়ে শুরু হয় এবং </html> দিয়ে শেষ হয়।

HTML ডকুমেন্টের দৃশ্যমান অংশ <body> এবং </body> এর মধ্যে লেখা হয়।

HTML বেসিক

<!DOCTYPE html>
<html>
<body>
	
	<h1>My First Heading</h1>
	
	<p>My first paragraph.</p>

</body>
</html>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML শিরোনাম (Heading)

HTML headings সমূহকে <h1> থেকে <h6> ট্যাগ দ্বারা বর্ণনা করা হয়।

<h1> দ্বারা সবচেয়ে বড় শিরোনাম বর্ণনা করা হয়। <h6> দ্বারা সবচেয়ে ছোট শিরোনাম বর্ণনা করা হয়।

HTML শিরোনাম

<!DOCTYPE html>
<html>
<body>

	<h1>This is heading 1</h1>
	<h2>This is heading 2</h2>
	<h3>This is heading 3</h3>
	<h4>This is heading 4</h4>
	<h5>This is heading 5</h5>
	<h6>This is heading 6</h6>

</body>
</html>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।

HTML প্যারাগ্রাফ

HTML প্যারাগ্রাফসমূহকে <p> ট্যাগ দিয়ে বর্ণনা করা হয়:

HTML Paragraphs

<!DOCTYPE html>
<html>
<body>
	<p>This is a paragraph.</p>
	<p>This is another paragraph.</p>
</body>
</html>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML লিংকসমূহ

<!DOCTYPE html>
<html>
<body>
	<a href="https://www.w3schools.com">This is a link</a>
</body>
</html>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML লিংকের ডেসটিনেশন (টার্গেট রিসোর্স) href এট্রিবিউট দিয়ে বর্ণনা করা হয়।

HTML ইলামেন্টের অতিরিক্ত তথ্য বর্ণনা করার জন্য HTML এট্রিবিউট ব্যবহার করা হয়।


HTML ছবি (Images)

HTML ইমেজকে <img> ট্যাগ দ্বারা বর্ণনা করা হয়।

ইমেজ সোর্স (src), বিকল্প টেক্সট (alt), প্রস্থ (width), এবং উচ্চতা ( height ) এগুলোকে এট্রিবিউট হিসেবে বর্ণনা করা হয়।

HTML Images

<!DOCTYPE html>
<html>
<body>
	<img src="http://www.seicoder.com/wp-content/uploads/2017/10/bigstock-Web-Development-44326147-300x200.jpg" alt="" width="300" height="200" />
</body>
</html>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।