«

»

সঠিক নিয়মে একসাথে শিখি, Basic Html-1(নবীনদের জন্য বিশেষ উপকারি )

আসসালামুয়ালাইকুম ! আশাকরি সবাই ভালো আছেন। আজ আপনাদের সাথে HTML নিয়ে আমার জানার ক্ষুদ্র ভান্ডারে যা আছে তা নিয়ে আলোচনা করব। আগেই বলেছি আমি basic বিষয় গুলো শেয়ার করব, তো চলুন আড্ডায় মেতে উঠি।

আমরা অনেক টিউটোরিয়াল দেখেছি যেখানে মাত্র ১০ মিনিট বা ৩০ মিনিট বা ১ ঘন্টায় একটা পূর্ণাঙ্গ ওয়েবসাইট তৈরি করার পদ্ধতি দেখানো হয়। কিন্তু এটা একটা ওযেবসাইট তৈরির কোন সঠিক পদ্ধতি নয়। আর সবচেয়ে বড় কথা হচ্ছে এভাবে তৈরি করা ওয়েবসাইট থেকে সব রকম সুযোগ সুবিধা পাওয়াও সম্ভব নয়। তাই আমরা যদি একটি আকর্ষনীয় পূর্ণাঙ্গ ডাইনামিক ওয়েবসাইট তৈরি করতে চাই তবে আমাদের ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং শেখার কোন বিকল্প নেই। HTML,CSS,JAVA SCRIPT,PHP,My SQL , FLASH এর ACTION SCRIPT ইত্যাদি প্রোগ্রামিং ল্যাঙ্গুযেজ ব্যবহার করেই মূলত বর্তমানযুগের  আকর্য়নীয় ডাইনামিক ওয়েবসাইট সমূহ তৈরি করা হয় আর এসব ওয়েবসাইটের নজরকাড়া ডিজাইন করা হয় PHOTOSHOP, FIREWORKS, FLASH ব্যবহার করে ।

যা যা লাগবে:

html ব্যবহার করে code লেখার জন্য আমাদের নতুন কোন সফটওয়্যারের প্রয়োজন নেই , আমরা আমাদের অতি পরিচিত নোটপ্যাড ব্যবহার করেই html এর code লিখতে পারি। এভাবে লেখা কোড আমরা .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাওজার যেমন Internet explorer, Mozila , Google chrome, Opera দ্বারা দেখতে পারি।

আমাদের প্রথম Code এবং এর বিভিন্ন অংশ:

আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি।


<html>

<head>

<title> www.techtweets.com.bd</title>

</head>

<body>

This is my first web page. I am learning now HTML.

</body>

</html>

এখন file মেনু থেকে Save as এ ক্লিক করে   File name: index.html  ,   Save as type : All files,  দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।(এক্ষেত্রে আপনি ইচ্ছামত নাম দিতে পারবেন তবে মনে রাখার বিষয় হচ্ছে সেটাকে অবশ্যই .html extension দিয়ে সেভ করতে হবে।)

Code এবং এর বিভিন্ন অংশ বিশ্লেষণ:

আমরা code এর মধ্যে <>  এবং </>  এই দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body দেখেছি । এসব Word কে Keyword বলে।  আসলে <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে বলে ট্যাগ যেমন <head> অর্থ head ট্যাগ। HTML এ দুই ধরনের ট্যাগ রয়েছে , <> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শুরু ট্যাগ এবং </>  চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শেষ ট্যাগ বলে যেমন <title>অর্থ title শুরু ট্যাগ </title>অর্থ title শেষ ট্যাগ।

<html>  বা html ট্যাগ:

HTML এ code লিখতে হলে সমস্ত code কে <html>       </html> এর মাঝে লেখতে হয়।

<head> বা head ট্যাগ:

<head></head> এর ভেতরে <title> </title> ট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়। এই code এ title হিসেবে www.techtweets.com.bdm লেখা হয়েছে যা ব্রাওজারের title bar এ দেখা যাচ্ছে। এছাড়া css এর stylesheet কে head ট্যাগের মধ্যেই call করা হয়।

<body> বা body ট্যাগ:

<body> বা body ট্যাগ খুবই গুরুত্বপূর্ণ।  একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে ।

ধন্যবাদ সবাই ভালো থাকবেন। লেখা কেমন হল জানালে কৃতজ্ঞ থাকব।

ধন্যবাদ সবাইকে। 


এ সম্পর্কিত আরো কিছু টুইট:

মন্তব্য দিনঃ

comments

About the author

arvin

Permanent link to this article: http://techtweets.com.bd/programming/arvin/17014

9 comments

Skip to comment form

  1. ধূসর সময়

    অনেক অনেক অনেক ধন্যবাদ! 🙂
    আমিও শিখতে চাচ্ছিলাম, আপনিও আসলেন এই টিউন নিয়ে! আশা করি, এগিয়ে যাবো!
    আবারো ধন্যবাদ! 🙂

  2. arvin

    আপনাকেও ধন্যবাদ 😉

  3. Nazrul
    Nazrul

    যেহেতু একেবারেই গোড়া থেকে শুরু করলেন
    তাই ব্যবহৃত শবদ গুলোর অর্থ লিখার চেষ্টা করবেন প্লিজ ।
    যেমন: HTML- High per text markup language,
    CSS, PHP, SQL ইত্যাদির অর্থ জানা থাকলে ভালো হয় । ধন্যবাদ কষ্টকরে শেখাচ্ছেন ।

    1. arvin

      ধন্যবাদ… আমি নিযেও net ঘাটাঘাটি করছি ভালকরে শেখার জন্য…তবে আমি যতটুকু জানি আশাকরি আসতে আসতে share করব 😀

  4. salakin

    admin post reference hisebe apni http://www.w3schools.com/ site ta suggest korte paren…

    1. arvin

      ধন্যবাদ

  5. linkon

    ভাইয়া এই পোস্ট তা আসল এই আমাদের মত নিউ লারনার দের জন্য অনেক দরকারি। আশা করি এই পোস্ট তা চলতে থাকবে। 🙂

  6. Mehedi

    ধন্যবাদ শেয়ার করার জন্য ! শিখছি…।
    পরবর্তি লেকচারের অপেক্ষায় থাকলাম

  7. Mahmudul Hasan mubin

    c programming ta sikhale valo hoi..

মন্তব্য করুন