এইচটিএমএল

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

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

আপনি চাইলে আপনার সাইটের কোন টেক্সটের উপর লিংক তৈরী করে দিতে পারেন যেখানে ক্লিক করলে অন্য পেজ/সাইট আসবে। anchor tag এর সাহায্যে লিংক তৈরী করা হয়। শুধু টেক্সট নয় আপনি চাইলে একটা মেইল এড্রেসের উপর লিংক দিতে পারেন, একটা ছবির উপর লিংক দিতে পারেন, বড় কোন ওয়েব পেজের সুচিপত্র তৈরী করে এর আইটেমগুলিতে লিংক দিতে পারেন (এসব লিংকে ক্লিক করলে …

Read More »

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

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

<font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি  ফন্ট কে কাস্টমাইজ করতে পারি।<basefont> ট্যাগ ব্যাবহার করে পেজের সকল টেক্সটকে একই স্টাইল, সাইজ এবং কালার এ সেট করা যায়। <font> এবং <basefont> ট্যাগ ব্যাবহার না করে সিএসএস(সিএসএস টিউটোরিয়ালে আলোচনা করা হয়েছে) ব্যাবহার করা উচিত। ফন্ট আকার (Font …

Read More »

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

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

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

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৭ – হেডিং টিউটোরিয়াল (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 »