আসুন ওয়েব পেজ তৈরী করি, এইচটিএমএল দিয়ে।Part 1

HTML
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 নামসন
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!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 এ ঘুরে আসতে পারেন।

Level 0

আমি Masum। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 3 টি টিউন ও 4 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

I'm trying to do .............


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস