এইচটিএমএল (HTML)

 

  • টিউটোহোস্ট নিয়ে এল এইচ টি এম এল এর উপর বাংলা টিউটোরিয়াল

মানসম্পন্ন ও দ্রুতগতির হোস্টিং সেবার পাশাপাশি সকল শ্রেণীর মানুষের জন্য সর্বোত্তম এবং সার্বক্ষণিক সেবা প্রদানের প্রত্যায় নিয়ে যাত্রা শুরু করেছে টিউটোহোস্ট । আপনার নিজের ওয়েব সাইট তৈরির জন্য এখন আর কোন ওয়েব ডেভলপারের কাছে যাওয়ার প্রয়োজন নেই। টিউটোহোস্ট মানসম্পন্ন ও দ্রুতগতির হোস্টিং সার্ভিস প্রদানের পাশাপাশি একজন সাধারণ মানুষ যেন, নিজের ওয়েব সাইট নিজে নিজেই তৈরি করতে পারেন তার জন্য, ওয়েব ডেভলপমেন্ট এর প্রয়োজনীয় বিভিন্ন বিভাগের উপর পূর্ণাঙ্গ প্রজেক্ট ভিত্তিক বাংলা টিউটোরিয়াল প্রকাশের উদ্দোগ গ্রহণ করছে। প্রথম পদক্ষেপ হিসেবে ইতোমধ্যেই এইচ টি এম এল এর উপর পূর্ণাঙ্গ প্রজেক্ট ভিত্তিক বাংলা টিউটোরিয়াল প্রকাশ করেছে, এবং এর উপর একটি ই-বুক প্রকাশের বিষয়টি প্রক্রিয়াধীন রয়েছে। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML কোডিং এর বেশ কিছু প্রয়োজনীয় ট্যাগের ব্যবহার

এখানে HTML এর বেশ কিছু ট্যাগের ব্যবহারপদ্ধতি আলোচনা করা হলো। বিশেষ করে সিএসএস ফাইল কলকরা, সার্চইঞ্জিনের মেটা ও হেড অংশের আরও কিছু ট্যাগের ব্যবহার দেখবো। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML5 শিখার ওয়েব পাতা ও চিট শীট

HTML5 এর উপরে ওয়েব জগতের অনেক কিছুই এক সময় নির্ভর করবে। এখন থেকেই সেই পথে এগিয়ে যাওয়া দরকার। প্রাথমিক পর্যায়ের বেশ কিছু বিষয় অবশ্য আমি আলোচনা করেছি। এখন এইচটিএমএল৫ এর উপরে বিভিন্ন সাইটের গুরুত্বপূর্ণ তথ্য নিয়ে হাজির হলাম। আশা করি ওয়েব প্রোগ্রামিং এর সাথে জরিতদের বেশ কাজে লাগবে। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML5 টিউটোরিয়াল

HTML5 এসেছে ওয়েবের চেহারা পরিবর্তন করে দিতে। এর আগেও এইচটিএমএল৫ এর বেপারে বেশ কিছু আলোচনা হয়েছিলো। এখন মূলতঃ কিছু কোডিং শিখবো যা আগে ব্যাবহৃত হয় নি। যদিও খুব কম সংখ্যক ওয়েবসাইটে HTML5 এর ব্যাবহার দেখা যাচ্ছে তবুও ভবিষ্যতের ওয়েব নির্মানে এর ব্যাবহার ওয়েবে ব্যাপকভিত্তিক পরিবর্তন আনবে বলেই সবার বিশ্বাস। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • নিজের ওয়েব সাইটের আকর্ষণীয় ড্রপ ডাউন মেন্য তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে

১. প্রথমে একটা ফোল্ডার তৈরি করুন। তারপর, এই লিং থেকে ইমেজের ফাইল গুলো নামিয়ে নিন। এবং images ফোল্ডারটা Extract করে আপনার তৈরিকৃত ফোল্ডারে কপি করে রাখুন।

২. এবার আমরা আমাদের HTML ফাইলটা তৈরি করে ফেলি। তার জন্য All Programs>Accessories>Notepad গিয়ে নোটপ্যাড ওপেন করুন এবং নিচের কোড গুলো কপি করে ফেলুন। তা অবশ্যই ঐ ফোল্ডারে আর HTML ফরমেটে শেভ করতে হবে।  সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • এইচটিএমএল৫ শেখার জন্য সাতটি ওয়েব সাইট এবং ই-বুক

কয়েকদিন আগেই বলেছি এইচটিএমএল৫, সিএসএস৩ এবং জে-কোয়েরী ওয়েবের চেহারা পাল্টাতে এসেছে। এইচটিএমএল৫ এর কিছু কিছু ফিচার এখনো অনেক ব্রাউজার ঠিকমতো সাপোর্ট করে না। আর তাই ওয়েব ডেভলপারদের অনেকের মধ্যে এর জ্ঞানের অভাব আছে। বিশেষত আমি নিজেও এইচটিএমএল৫ এর অনেক ফিচারই জানি না। আর তাই সকলের জন্য সহায়ক হবে এই সাতটি ওয়েব। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML5 এর নতুনত্ব

HTML5 শেখার জন্য ৭ টি ওয়েবসাইটের ঠিকানা দিয়েছিলাম কিছুদিন আগে। এখন HTML5 এর নতুন নতুন ফিচারগুলোর সাথে পরিচিত হবো। আশা করি ভবিষ্যত ওয়েব নির্মানে এটি আমাদের এগিয়ে যেতে সহায়তা করবে। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML5 টিউটোরিয়াল পর্ব - ২

আগের পর্বে বেশ কিছু নতুন ফিচার নিয়ে কাজ করেছিরাম। এখন দেখে নিন আরো কিছু ফিচার যার মাধ্যমে HTML5 এর জয় জয় কার। বিস্তারিত প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML ফর্ম জাভাস্ক্রিপ্ট ইভেন্ট

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

 

  • HTML টিউটোরিয়াল: ফরম ডিজাইন

জাভাস্ক্রিপ্ট টিউটরিয়াল লিখতে গিয়ে একটু হোচট খেলাম এই দেখে যে, HTML এর ফরম ডিজাইনের উপর এখনো টিউটরিয়াল লেখা হয় নি। আমরা অনেক সময় টেক্সটবক্স, বাটন,চেক বক্স, অপশন ইত্যাদি নিয়ে কাজ করি। এগুলোর ডিজাইন বানানো হয় HTML আর সিএসএস দিয়ে। আজ আমরা সহজ সরল ভাষায় ফরম ডিজানের পদ্ধতি নিয়ে কথা বলবো। বিস্তারিত প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML এ Font ট্যাগের ব্যবহার

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

 

  • আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1)

আমরা অনেক টিউটোরিয়াল দেখেছি যেখানে মাত্র ১০ মিনিট বা ৩০ মিনিট বা ১ ঘন্টায় একটা পূর্ণাঙ্গ ওয়েবসাইট তৈরি করার পদ্ধতি দেখানো হয়। কিন্তু এটা একটা ওযেবসাইট তৈরির কোন সঠিক পদ্ধতি নয়। আর সবচেয়ে বড় কথা হচ্ছে এভাবে তৈরি করা ওয়েবসাইট থেকে সব রকম সুযোগ সুবিধা পাওয়াও সম্ভব নয়। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে ওয়েব ডিজাইন শিখি ও ওয়েব প্রোগ্রামিং (HTML-2)

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) এর মাধ্যমে আমরা HTML সম্পর্কে প্রাথমিক ধারণা অর্জন করেছি। এখন আমরা HTML ব্যবহার করে কিভাবে একটা ওয়েব পেজের ব্যকগ্রাউন্ড কালার দিতে হয় সেই বিষয়টি দেখব। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3)
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2)  এর মাধ্যমে আমরা কিভারে HTML  এর মাধ্যমে একটা ওযেব পেজের ব্যাকগ্রাউন্ড কালার দিতে হয় তা দেখেছি এখন আমরা কিভবে HTML এ HEADING বা শিরোনাম  লিখতে হয় তা জানব। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন
 
  • আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4)
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) এর মাধ্যমে আমরা HTML এ HEADING বা শিরোনাম লিখতে হয় তা দেখেছি আজ আমরা কিভাবে HTML এ প্যারাগ্রাফ লিখতে হয় তা দেখব। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েবিং প্রোগ্রামিং (HTML5)

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এর মাধ্যমে কিভাবে HTML এ প্যারাগ্রাফ লেখতে হয় তা দেখেছি  এখন  আমরা প্যারাগ্রাফ এর মধ্যে লাইন ব্রেক তৈরি করা শিখব। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML টিউটোরিয়াল - ১

HTML হলো Hyper Text Mark up Language. এই প্রগ্রামিং ল্যাংগুয়েজ case sensitive নয়। অর্থাত: ছোট ও বড় যে কোন হাতের লেখাই চলবে। HTML শিখতে আপনার নতুন কোন সফটওয়্যার লাগবে না। ইন্টারনেট বা সারভার লাগেব না। শুধু মাত্র নোটপ্যাড খুলে নিচের কোডগুলো টাইপ করুন। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • ওয়েব ডিজাইনের ১৪ টি টুলস

ওয়েব ডিজাইনারের জীবনকে সহজ করতে বেশকিছু টুল - সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • HTML এর ২০টি প্রয়োজনীয় টিপস

এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে। সম্পূর্ণ প্রতিবেদনটি দেখতে ক্লিক করুন

 

  • আপনার সাইটে চ্যাটিং সুবিধা যুক্ত করুন

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


২৫ বছরে ১৮ সন্তানের জননী!
সর্বপ্রথম পোর্টেবল দ্বীপ
বিদেশিনীর বাংলা প্রেম
জুতার গাছ!
exam
নির্বাচিত প্রতিবেদন
exam
সুমাইয়া শিমু
পিয়া বিপাশা
প্রিয়াংকা অগ্নিলা ইকবাল
রোবেনা রেজা জুঁই
বাংলা ফন্ট না দেখা গেলে মোবাইলে দেখতে চাইলে
how-to-lose-your-belly-fat
guide-to-lose-weight
hair-loss-and-treatment
how-to-flatten-stomach
fat-burning-foods-and-workouts
 
সেলিব্রেটি