সোমবার, ২ ডিসেম্বর, ২০১৩
Learn HTML
HTML সুচনাঃ
একটা উদাহারণ দেখুনঃ একটি নোট প্যাডে নিচের কোডটি টাইপ বা পেষ্ট করুন। সেভ করুনএইচটিএমএল এ। এবার ওপেন করুন যে কোন ওয়েব ব্রাউজারে। দেখুন আপনার তৈরী একটি ওয়েব সাইট।
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
এবার বুঝে নিন
- DOCTYPE দিয়ে বুঝায় ডকুমেন্ট টাইপ।
- <html> and </html> দিয়ে ওয়েবপেজ,
- <body> and </body> ওয়েবপেজের মূল অংশ।
- <h1> and </h1> হেডলাইন।
- <p></p> প্যারাগ্রাফ।
html কি?
HTML ওয়েবপেজ তৈরীর প্রোগ্রামিং ল্যাংগুয়েজ।
- HTML এর পূর্ণ রূপ Hyper Text Markup Language
- HTML হচ্ছে markup language
- আর markup language কতগুলো markup tags
- এই ট্যাগসমূহ ডকুমেন্টের ধরণ বা প্রকৃতির বর্ণনা দেয়।
- HTML documents ”HTML tags” and ”plain text” দিয়ে বানানো হয়।
- HTML documents কে web pages বলে।
HTML TAGS কি?
উপরের উদাহরণ এর দিকে দেখুন<htm> এবং </html>; <body> এবং </body>; <h1> এবং </h1>; <p>এবং</p> এগুলো হচ্ছে ট্যাগ
প্রতিটি ট্যাগ <ট্যাগেরনাম> দিয়ে শুরু হয় এবং </ট্যাগের নাম> দিয়ে শেষ হয়। <> শুরু ট্যাগ এবং </>শেষ করার ট্যাগ।
দুই ট্যাগের মাঝে মূল বক্তব্য তুলে ধরা হয়।
<ট্যাগ>বিষয়/আপনার বক্তব্য </ট্যাগ> উপরের উদাহরণ এ য়েমন <h1>My First Heading</h1>;<h1>ও</h1> কোন ওয়েব সাইটে দেখা যাবে না এর মাঝ খানের First Heading লেখাটাই শুধু হেডলাইনহিসাবে দেখা যাবে। <tagname>content</tagname>
HTML ELEMENTS কি?
বলা যায় "HTML tags" এবং "HTML elements" প্রায় একই জিনিস। আলাদা করে বলতে হলে একটি HTML element এর সব কাজ start tag এবং end tag এর মধ্যে হবে।’HTML Element’ এর উদাহারণঃ <p>This is a paragraph.</p>
HTML পেজ কাঠামোঃ
<html><body>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
HTML এর বিভিন্ন ভার্সনঃ
শুরু থেকে অদ্যাবদি এইচটিএমএল এর অনেকগুলো ভার্সন আছে।| Version নাম | সন |
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
<!DOCTYPE> ঘোষনা
<!DOCTYPE> declaration ব্রাউজার কে ওয়েবপেজটি সঠিক ভাবে দেথাতে সাহায্য করে। ওয়েবে অনেক ভিন্ন ভিন্নডকুমেন্ট রয়েছে এবং একটি ব্রাউজার এইচটিএমএল ডকুমেন্টকে তখনই ১০০ ভাগ সঠিক ভাবে দেখাবে যখন ওয়েবব্রাউজারটি এইচটিএমএল এর ধরণ এবং এর ভার্সণ সম্পর্কে জানবে।সাধারণ <!DOCTYPE> Declarations
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
ধারাবাহিক ভাবে আমি যা জানছি তা আপনাদের জানানোর ইচ্ছা আছে।
আরো জানতে Institute of Advanced Computing এ ঘুরে আসতে পারেন।
