Monthly Archives: November 2016

এইচটিএমএল (লেকচার-১০) স্টাইল টিউটোরিয়াল (HTML style Tutorial in Bangla)

*** এইচটিএমএল টিউটোরিয়ালের গত লেকচারে আমরা এইচটিএমএল-এ বিভিন্ন ফন্টের ব্যাবহার দেখেছিলাম । এই লেকচারে আমরা  text এর color , background color, alignment এবং  style সম্পর্কে জানব । The HTML Style Attribute   Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax: <tagname style=“property:value;“>

এইচটিএমএল (লেকচার-০৯) ফন্ট টিউটোরিয়াল (HTML Font Tutorial in Bangla)

                      *** এইচটিএমএল এর নবম লেকচার-এ স্বাগতম । এ পর্বে আমরা দেখব কিভাবে  <font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি  ফন্ট কে কাস্টমাইজ করতে পারি।<basefont> ট্যাগ ব্যাবহার করে পেজের সকল

এইচটিএমএল(লেকচার-০৮) লিস্ট টিউটোরিয়াল (HTML List Tutorial in Bangla)

ওয়েব পেজে যদি তালিকা বা লিস্ট প্রদর্শন করাতে চান তখন এইচটিএমএল এ ৩ ধরনের লিস্ট করার ট্যাগ আছে, প্রয়োজনমত যেকোন একটি ব্যবহার করতে পারেন। Unordered List : এটিই সবচেয়ে বেশি ব্যবহৃত হয় প্রফেশনালি। <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভিতর একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা।

এইচটিএমএল(লেকচার-০৭) হেডিং টিউটোরিয়াল (HTML Heading Tutorial in Bangla)

শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে <h1></h1> এভাবে <h2></h2>, <h3></h3>… h1 পর্যন্ত যেমন 1.<h1>A long flow of text</h1> 2.<h2>unbroken by title,</h2> 3.<h3subtitles, and other headers, </h3> 4.<h4>crosses  the eyes and numbs the mind</h4> 5.<h5>not to mention the fact that</h5>

এইচটিএমএল(লেকচার-০৬) প্যারাগ্রাফ টিউটোরিয়াল (HTML Paragraph Tutorial in Bangla)

ওয়েব পেজে কোন লেখা প্রকাশ করতে চাইলে p ট্যাগ ব্যবহার করা হয়। <p> হচ্ছে এর start tag এবং </p> হচ্ছে এর end tag. এই start এবং end ট্যাগের ভিতর যেকোন লেখা দিতে পারেন। এই লেখা প্যারাগ্রাফ আকারে ব্রাউজারে দেখাবে। যেমন 1.<p>When encountering a new paragraph “<p>” tag, the browser typically inserts one blank line plus

এইচটিএমএল (লেকচার-০৫) এট্রিবিউট টিউটোরিয়াল (HTML Attribute tutorial in Bangla)

এইচটিএমএল এর প্রতিটি এলিমেন্ট ব্রাউজারকে এক একটা নির্দেশনা দেয় যে তার ভিতরে থাকা কনটেন্টকে কিভাবে প্রদর্শন করবে। যেমন <hr/> এলিমেন্ট ব্রাউজারকে বলে একটা আড়াআড়ি লাইন দেখাও। আবার <h1></h1> বলে একটা বড় ফন্টের শিরোনাম তৈরী কর ইত্যাদি। অনেক এলিমেন্ট আছে যারা ব্রাউজারকে যেটা বলে সেটার সাথে আরো নতুন কিছু যোগ করে দেয়া যায়। এই যে একটা

এইচটিএমএল (লেকচার-০৪) এলিমেন্ট টিউটোরিয়াল (HTML Element Tutoral in Bangla)

এর আগে এইচটিএমএল ট্যাগ নিয়ে আলোচনা করলাম। একটা start tag (যেমন <div>) এবং end tag (যেমন </div>)  এর মাঝে যা থাকে তা সহ পুরোটি একটা এলিমেন্ট। একটা এলিমেন্টের ভিতর ট্যাগের মতই এক বা একাধিক এলিমেন্ট থাকতে পারে বা থাকে (এটাকে nested এলিমেন্ট বলে)। নিচের উদাহরনটি দেখুন 1.<!DOCTYPE html> 2.<html> 3.<head> </head> 4.<body> 5.<h1>Ontoralo demo heading</h1>

এইচটিএমএল (লেকচার-০৩) ট্যাগ টিউটোরিয়াল (HTML Tag Tutorial in Bangla)

আমরা যেকোন একটা এইচটিএমএল ডকুমেন্ট দেখি সেখানে অবশ্যই ট্যাগ থাকে। যেমন নিচের ডকুমেন্ট টি দেখুন এখানে <html>, <head>, </head>, <body> ইত্যাদি এক একটি ট্যাগ। সোজা কথায় less than (<) চিহ্ন এবং greater than (>) চিহ্ন দিয়ে মোড়ানো একটা শব্দকে (যেটা এইচটিএমএল অনুমোদিত) ট্যাগ বলে। যেমন html শব্দটি এই দুই চিহ্ন দিয়ে মুড়িয়ে যখন HTML  ডকুমেন্টে

এইচটিএমএল (লেকচার-০২)ডকুমেন্ট DOC type টিউটোলিয়াল (HTML document – DOC type Tutorial in Bangla)

নিচে একটা সাধারন এইচটিএমএল ডকুমেন্ট দেয়া হল এবং এর প্রতিটি অংশের বিস্তারিত বর্ননা করা হচ্ছে 01.<!DOCTYPE html> 02.<html> 03.<head> 04.<!— JS/CSS file is to be added here –> 05.  06.</head> 07.<body> 08.  09.<h1>ontoralo demo heading</h1> 10.  11.<p>demo content goes here.</p> 12.  13.</body> 14.</html>   প্রথম লাইনটি <!DOCTYPE html> হচ্ছে ডকুমেন্টটি কি ধরনের তা বোঝানোর (ব্রাউজারকে)

নতুনদের জন্য কিছু নির্দেশনা

ওয়েব ডিজাইন এবং ডেভেলপমেন্ট বিষয়ক আরও সহজভাবে আলোচনা এই আর্টিকেলে করা হল।আপনি যদি একদম নতুন হয়ে থাকেন তাহলে অন্য কিছু শুরু করার আগে এই লেখাটি পড়ে নিন। ** যদিও শাব্দিক অর্থ ভিন্ন তবু ওয়েব ডিজাইন এবং ডেভেলপমেন্ট একি অর্থে ব্যাবহার করে এর শাব্দিক অর্থ লঙ্ঘন করা হচ্ছে।আপনি যদি বলেন আমি ওয়েব ডিজাইনার তাহলে ধরা হয়

Top