ওয়েব ডিজাইন

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

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

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

Read More »

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

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

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

Read More »

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

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

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

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৪ – ট্যাগ টিউটোরিয়াল (HTML Tag Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৪ - ট্যাগ টিউটোরিয়াল (HTML Tag Tutorial in Bangla)

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

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৩ – এলিমেন্ট (HTML Element Tutoral in Bangla)

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

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

Read More »

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

এইচটিএমএল (HTML) বাংলা টিউটোরিয়াল পর্ব ০২ - ডকুমেন্ট DOC type

নিচে একটা সাধারন এইচটিএমএল ডকুমেন্ট দেয়া হল এবং এর প্রতিটি অংশের বিস্তারিত বর্ননা করা হচ্ছে <!DOCTYPE html> <html> <head> <!--- JS/CSS file is to be added here --> </head> <body> <h1>Career Source BD demo heading</h1> <p>demo content goes here.</p>  </body> </html> কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন প্রথম লাইনটি <!DOCTYPE html> হচ্ছে ডকুমেন্টটি কি ধরনের তা বোঝানোর …

Read More »

এইচটিএমএল (HTML) বাংলা টিউটোরিয়াল পর্ব ০১ – ভূমিকা

এইচটিএমএল (HTML) বাংলা টিউটোরিয়াল পর্ব ০১ - ভূমিকা

এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ। এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন। এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন করলে …

Read More »

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার পর্ব ০৩ – বাংলা টিটোরিয়াল

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার - বাংলা টিটোরিয়াল

এইচটিএমএল ব্যাকগ্রাউন্ড রং টিউটোরিয়াল (HTML Background Colors Tutorial in Bangla) bgcolor এট্রিবিউট টি বিশেষভাবে ওয়েব পেজ এবং টেবিলের ব্যাকগ্রাউন্ড নিয়ন্ত্রন করে। Bgcolor এট্রিবিউট টিকে অনেক এইচটিএমএল ট্যাগ এর মধ্যে ব্যাবহার করা যায় তবে সবচেয়ে ভাল হয় <body> এবং <table> ট্যাগ এর মধ্যে ব্যাবহার করলে। অতিরিক্ত হিসাবে ব্যাকগ্রাউন্ড স্টাইল করতে চাইলে সিএসএস ব্যাকগ্রাউন্ড(CSS টিউটোরিয়ালে আরোচনা করা হয়েছে) দেখতে পারেন। গঠন:  <tagname bgcolor =”value”> 1.<body bgcolor=”Silver”> 2.<p>We set the background of this paragraph to be silver. The body tag is 3.where you change the pages …

Read More »

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার পর্ব ০২ – বাংলা টিটোরিয়াল

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার - বাংলা টিটোরিয়াল

এইচটিএমএল ক্রমিক লিস্ট (HTML ordered lists continued) আরও চার প্রকারের ধারাবাহিক লিস্ট(ordered list) রয়েছে। এগুলো সাধারন ১,২,৩ নম্বরের পরিবর্তে রোমান নম্বর বা বর্ণ হতে পারে তা বড় হাতের বা ছোট হাতের। type attribute ব্যবহার করে নম্বর পরিবর্তন করা হয়। 1.<ol type=”a”> 2.<ol type=”A”> 3.<ol type=”i”> 4.<ol type=”I”> Ordered List Types: Lower-Case Letters Upper-Case Letters Lower-Case Numerals Upper-Case Numerals Find a Job Get Money Move Out Find a Job Get Money Move Out …

Read More »

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার পর্ব ০১ – বাংলা টিটোরিয়াল

এইচটিএমএল (HTML) এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যবহার - বাংলা টিটোরিয়াল

HTML এর বিভিন্ন ট্যাগ ও এট্রিবিউট এর ব্যাবহার এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language.এটা কোন প্রোগ্রামিংল্যাংগুয়েজ নয়,মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ। এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন।এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন করলে আপনার ঐ ওয়েবপেজটি ডাইনামিক হওয়া শূরু হল।সবশেষে পিএইচপি+ ডেটাবেস শিখলে আপনি পূর্নাঙ্গ ডেটাবেস Driven ওয়েবসাইট  তৈরী করতে পারবেন। যে জিনিস লাগবে এইচটিএমএল শিখতে …

Read More »