মৌলিক এইচটিএমএল টিউটোরিয়াল

লেখাটি আপনার পছন্দ হয়েছে?

কেমন আছেন বন্ধুরা? আশা করি ভাল। বিজ্ঞান ও প্রযুক্তি ব্লগে আজ আমি যে বিষয়টি নিয়ে আলোচনা করব তা হচ্ছে বেসিক বা মৌলিক এইচটিএমএল টিউটোরিয়াল। এইচটিএমএল ব্যবহার করে ওয়েব সাইট তৈরি সম্পর্কে আপনাদের যাদের কোন ধারনাই নেই, তাদের জন্যই আমার এই পোস্ট।

HTML শেখার জন্য যা প্রয়োজন

HTML শেখার জন্য প্রথমত দরকার একটি টেক্সট এডিটর যেমনঃ notepad, Adobe Dreamweaver, অথবা আপনি ফ্রি টেক্সট এডিটর হিসাবে notepad++ ও ব্যবহার করতে পারেন। এছাড়া্‌ও HTML ফাইল ওপেন করার জন্য দরকার যেকোন ব্রাউজার যেমনঃ

Internet explorer, mozila firefox, opera, google chrome

এখন কয়েকটি সাধারণ উদাহরণ দেখবো যার সাহায্যে আপনি HTML কে ভালোভাবে বুঝতে পারবেন। যদিও HTML এর সকল Tag নিয়ে আলোচনা করতে গেলে বিসাল সময় ও শ্রমের প্রয়োজন।

HTML এর Basic syntax হচ্ছেঃ

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

এখন notepad প্রোগ্রামটি খুলুন এবং তাতে নিচের কোডগুলি লিখুন।

<html>

<head>

<title>

Hello World

</title>

</head>

<body>

<h1>My First Class</h1>

</body>

</html>

html basic syntax

html basic syntax

এবার ফাইলটিকে test.html নামে আপনার কম্পিউটারের যেকোন ড্রাইভে সেভ করুন। এবার ফাইলটিকে যে ড্রাইভে সেভ করেছেন, সেখানে গিয়ে test.html ফাইলটি খুলু্ন। ফাইটি খুলার জন্য আপনার কম্পিউটারে যেকোন ব্রাউজার ইন্সটল করা থাকতে হবে। তাহলে নিচের মতন ফলাফল দেখতে পাবেন।

test.html

test.html

যদিও HTML শেখার জনপ্রিয় সাইট হচ্ছে w3schools এবং এটাই আমার প্রথম ব্লগ। আশা করি ভূল ত্রুটি ক্ষমা সুন্দর দৃষ্টিতে দেখবেন।

FavoriteLoadingলেখাটি পছন্দের তালিকায় যুক্ত করুন ☼

শেয়ার করুন

লেখাটি পছন্দ হলে বন্ধুদের সাথে শেয়ার করুন। শেয়ার করার জন্য উপরের বাটনে ক্লিক করুন

পরবর্তী আপডেট পেতে চাইলে আর.এস.এস ফীড অথবা ই-মেইল এর মাধ্যমে সাবস্ক্রাইব করুন

বিজ্ঞান প্রযুক্তি ডট কম এর ফেইসবুক পেইজ বা গ্রুপ অথবা টুইটার প্রোফাইলে যোগ দিন

নতুন লেখা সরাসরি ই-মেইলের মাধ্যমে পেতে নিচের বক্সে আপনার ই-মেইল ঠিকানা লিখুন

লেখকঃ মোঃ সামছুল কবির সম্পর্কে কিছু কথা...
আমি মোঃ সামছুল কবির ঢাকা পলিটেকনিক ইন্সটিটিউট থেকে ১৯৯৭ ইং ডিপ্লোমা ইন সিভিল ইঞ্জিনিয়ারিং পাস করার পর বর্তমানে উত্তরায় একটি প্রাইভেট কোম্পানীতে ডিজাইন সেকশনে সিনিয়র ইঞ্জিনিয়ার হিসাবে কর্মরত আছি। Web development, graphics, outsourcing এর প্রতি দূর্বলতা রয়েছে যদিও চাকরীর ব্যস্থতার জন্য সময় করে উঠতে পারি না।

মতামত সমূহ

4 টি মতামত “মৌলিক এইচটিএমএল টিউটোরিয়াল”
  1. kamal ahammed says:

    সিরিয়াল রাখলে ভাল হবে ।ধন্যবাদ শেয়ার করার জন্য ।

  2. নতুনদের কাজে লাগার মতো পোস্ট। সিরিয়াল পোস্ট আশা করছি।
    ধন্যবাদ শেয়ার করার জন্য ।

  3. Ebrahim says:

    বস আমি এ লাইনে নতুন । পোষ্টটা ভালই লাগল। কিন্তু একটা জিনিস বুঝলাম না সেটা হচ্ছে আপনি নোট পেডে কোড গুলি স্পেস দিয়ে লিখেছেন। কিন্তু এটা সরাসরি লিখলেও একই ফলাফল হচ্ছে। তা হলে স্পেস দেয়ার কি কোন প্রয়োজন আছে কি? না এটা এভাবে না লিখলে পরবর্তীতে ওয়েব পেজে আপলোডের সময় ভালভাবে প্রদর্শন হবে না। আমায় জানালে উপকৃত হব।

  4. ধন্যবাদ
    অনেক সুন্দর পোস্ট ।

আপনার মতামত দিন

দয়া করে বাংলায় মতামত দিন। ইংরেজীতে দেয়া মতামত মুছে ফেলা হতে পারে

মতামত এর সাথে আপনার ছবি যোগ করতে চাইলে এখানে যান gravatar!