সব HTML ডকুমেন্ট অবশ্যই একটি ডকুমেন্ট টাইপ ঘোষণা দিয়ে শুরু হতে হবে: <!DOCTYPE html> ।
HTML ডকুমেন্ট নিজেই <html> দিয়ে শুরু হয় এবং </html> দিয়ে শেষ হয়।
HTML ডকুমেন্টের দৃশ্যমান অংশ থাকে <body> এবং </body>-এর মধ্যে।
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>HTML হেডিং <h1> থেকে <h6> ট্যাগ দিয়ে নির্ধারণ করা হয়।
<h1> সবচেয়ে গুরুত্বপূর্ণ হেডিং নির্ধারণ করে। <h6> সবচেয়ে কম গুরুত্বপূর্ণ হেডিং নির্ধারণ করে:
<h1>My First Heading</h1>
<h2>My First Heading</h2>
<h3>My First Heading</h3>
<h4>My First Heading</h4>
<h5>My First Heading</h5>
<h6>My First Heading</h6>HTML প্যারাগ্রাফ <p> ট্যাগ দিয়ে নির্ধারণ করা হয়:
<p>This is paragraph.</p>
<p>This is another paragraph.</p>HTML লিঙ্ক <a> ট্যাগ দিয়ে নির্ধারণ করা হয়:
<a href="https://www.learncomputer.in">This is a link.</a>লিঙ্কের গন্তব্য href অ্যাট্রিবিউটে উল্লেখ করা হয়।
HTML এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য দিতে অ্যাট্রিবিউট ব্যবহার করা হয়।
HTML ইমেজ <img> ট্যাগ দিয়ে নির্ধারণ করা হয়।
সোর্স ফাইল (src), বিকল্প টেক্সট (alt), width, এবং height অ্যাট্রিবিউট হিসেবে দেওয়া হয়:
<img src="img_girl.jpg" alt="W3Schools.com" width="104" height="142">width এবং height ডিফল্টভাবে পিক্সেলে উল্লেখ করা হয়; তাই width="500" মানে 500 পিক্সেল প্রশস্ত।
HTML বাটন <button> ট্যাগ দিয়ে নির্ধারণ করা হয়:
<button>Click me</button>HTML লিস্ট <ul> (আনঅর্ডার্ড/বুলেট লিস্ট) বা <ol> (অর্ডার্ড/নাম্বারড লিস্ট) ট্যাগ দিয়ে নির্ধারণ করা হয়, তারপর <li> ট্যাগ (লিস্ট আইটেম) আসে:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>