Rank AI Studio

26/10/2024

24/12/2023

SEO isn't pushing up daisies just yet. I mean, a mere 365 days ago, it was all "ChatGPT this, ChatGPT that."

Fast forward to today, and my YouTube feed is still stuck on the ChatGPT loop. It's like the algorithm has a crush or something. But here's the plot twist: those crazy prophecies from yesteryear didn't pan out.

AI didn't murder search traffic, and Google is still the go-to oracle for people hunting down online treasures. Turns out, AI's impact on search traffic is more like a polite knock on the door rather than a wrecking ball. What felt as certain as a sneeze after sniffing pepper last year is a bit fuzzier now.

18/08/2021

4 Storytelling Formulas To Create CONTENT That SELLS 💸

The 4 Storytelling Formulas For Creating Content That SELLS!►► Want To Get Paid To Write? Join my Copy Posse VIP List: http://alexcattoni.com/posseStorytelli...

28/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল হেডিং টিউটোরিয়াল
Part: 7
---------------------------------------------------------------------------------
শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে

এভাবে , ... h6 পর্যন্ত

যেমন:
A long flow of text

Unbroken by title,

Subtitles, and other headers.

Crosses the eyes and numbs the mind.

Not to mention the fact that.

It makes it nearly impossible to scan the text for a specific topic

11/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল প্যারাগ্রাফ টিউটোরিয়াল
Part: 6
---------------------------------------------------------------------------------

ওয়েব পেজে কোন লেখা প্রকাশ করতে চাইলে p ট্যাগ ব্যবহার করা হয়। হচ্ছে এর start tag এবং হচ্ছে এর end tag. এই start এবং end ট্যাগের ভিতর যেকোন লেখা দিতে পারেন। এই লেখা প্যারাগ্রাফ আকারে ব্রাউজারে দেখাবে।

যেমন
When encountering a new paragraph "" tag, the browser typically inserts one blank line plus some extra vertical space into the display before starting the new paragraph.

এই ট্যাগে এট্রিবিউট ব্যবহার করা যায় যেমন নিচের এট্রিবিউটগুলি বেশি ব্যবহৃত

align, class, id, style, title এছাড়া ইভেন্ট এট্রিবিউট onmouseover, onclick ইত্যাদি ব্যবহার করা যায়।

class এবং id এট্রিবিউট ব্যবহার করে শুধু এই p এলিমেন্ট নয় বরং প্রায় সব এলিমেন্টে নাম দেয়া যায় পরে সেই নাম ধরে সিএসএস স্টাইল করা হয়। সিএসএস টিউটোরিয়ালে আরো বিস্তারিত দেখতে পাবেন। এখানে align, title এবং style এট্রিবিউটের কিছু প্রয়োগ দেখানো হল:

Most browsers automatically left-justify a new paragraph.

To change this behavior, the align attribute for the "" tag and provide four kinds of content justification: left, right, center, and justify.

You may specify a paragraph only within a block, along with other paragraphs, lists, forms, and preformatted text

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

প্রদর্শনঃ ফটোটি দেখুন ।

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

11/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল এট্রিবিউট টিউটোরিয়াল
Part: 5
---------------------------------------------------------------------------------
এইচটিএমএল এর প্রতিটি এলিমেন্ট ব্রাউজারকে এক একটা নির্দেশনা দেয় যে তার ভিতরে থাকা কনটেন্টকে কিভাবে প্রদর্শন করবে। যেমন এলিমেন্ট ব্রাউজারকে বলে একটা আড়াআড়ি লাইন দেখাও। আবার বলে একটা বড় ফন্টের শিরোনাম তৈরী কর ইত্যাদি।

অনেক এলিমেন্ট আছে যারা ব্রাউজারকে যেটা বলে সেটার সাথে আরো নতুন কিছু যোগ করে দেয়া যায়। এই যে একটা এলিমেন্টে নতুন তথ্য যোগ করলেন এটাকে সেই এলিমেন্টের এট্রিবিউট বলে। h1 এলিমেন্ট যখন ব্রাউজারকে বড় ফন্টের শিরোনাম প্রদর্শন করতে বলবে তখন এট্রিবিউট দিয়ে সেই শিরোনামটির রং কি হবে তাও বলে দিতে পারেন। যেমন

Business Development Hub's HTML Attribute Tutorial

Editor এ গিয়ে কোডটুকু দিয়ে "Edit and Hit" বাটনে ক্লিক করুন দেখবেন হলুদ রংয়ের শিরোনাম আউটপুট আসবে। এখানে "style" হচ্ছে একটা এট্রিবিউট এবং "color:yellow;" হচ্ছে এট্রিবিউটটির মান। যদি এট্রিবিউটটি ব্যবহার না করেন তাহলে কিন্তু শিরোনামটির রং পরিবর্তন হতনা বাই ডিফল্ট কালো থাকতো।

অধিকাংশ ট্যাগেই এরুপ অনেক ধরনের এট্রিবিউট যোগ করা যায়।

** এট্রিবিউট লেখার নিয়ম হচ্ছে প্রথমে এট্রিবিউটটির নাম এরপর সমান চিহ্ন (=) দিয়ে কোটেশনের ("" বা '') ভিতর এর মান। (সব ছোট হাতের অক্ষরে)

মুলত ৩ ধরনের এট্রিবিউট গ্রপ আছে যেগুলি একটা এলিমেন্টে থাকতে পারে। এর মধ্যে কোর এট্রিবিউট (core attribute) এর ব্যবহার সবচেয়ে বেশি দেখবেন।

id, class, title, style হল কোর এট্রিবিউট। এরপর থেকে পরের টিউটোরিয়ালগুলিতে এই এট্রিবিউটগুলিকে গ্লোবাল এট্রিবিউট বলা হবে। HTML 5 এ বেশকিছু নতুন এট্রিবিউট এসেছে যেমন contenteditable, contextmenu, draggable, dropzone ইত্যাদি নিয়ে পরে বিস্তারিত আলোচনা হবে। এখানে মনে রাখুন গ্লোবাল এট্রিবিউট কয়েকটি HTML এলিমেন্ট ছাড়া সব এলিমেন্টে ব্যবহার করা হয় বা যায়।

ইন্টারন্যাশলাইজেশান এট্রিবিউট হচ্ছে dir, lang এগুলি

এবং UI event এট্রিবিউট আছে যেমন onclick, ondoubleclick, onmouseout, onkeypress ইত্যাদি। এর থেকে সব টিউটোরিয়ালে এগুলিকে ইভেন্ট এট্রিবিউট বলা হবে। তবে একটা জিনিস মনে রাখুন যে ইভেন্ট এট্রিবিউটগুলি শুধু জাভাস্ক্রিপ্ট এর কাজ এর জন্য ব্যবহৃত হয়।

id, class দিয়ে এলিমেন্টের নাম দেয়া যায় পরে সেই নাম ধরে সিএসএস স্টাইলিং করা হয়। এগুলি সিএসএস টিউটোরিয়ালে আছে।

title এট্রিবিউট কোন এলিমেন্টের দিলে এটা দিয়ে টুলটিপ আকারে তথ্য প্রদর্শন করা যায় যেমন

You will learn web design here. So, get in touch with us.

You will learn web design here. So, get in touch with us.
এর উপরে মাইস নিয়ে যান তাহলে "Hello, Welcome To Business Development Hub" লেখাটি টুলটিপ আকারে দেখতে পাবেন।

style এট্রিবিউটতো প্রথম উদাহরনেই দেখালাম, এখানে শুধু রং পরিবর্তন করেছি আপনি চাইলে আর অনেক সিএসএস প্রোপার্টিজ ব্যবহার করতে পারেন।

অন্যান্য এট্রিবিউটগুলি নিয়ে আলোচনা করলাম না কিন্তু যখনি কোন টিউটোরিয়ালে ব্যবহার করব, আলোচনা করে দেব।

11/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল ট্যাগ টিউটোরিয়াল Part: 4
---------------------------------------------------------------------------------
আমরা যেকোন একটা এইচটিএমএল ডকুমেন্ট দেখি সেখানে অবশ্যই ট্যাগ থাকে। যেমন নিচের ডকুমেন্ট টি দেখুন এখানে , , , ইত্যাদি এক একটি ট্যাগ।

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




HTML Tag tutorial in Business Development Hub.




Business Development Hub's Demo Heading

Demo content goes here.




প্রায় সব ট্যাগেরই একটা সমাপ্তি ট্যাগ থাকে যেমন উপরে ট্যাগটির সমাপ্তি ট্যাগ (closing tag বলা হয়) হচ্ছে আবার এর ক্লজিং ট্যাগ হল এভাবে বাকি সবগুলি।

টেকনিকাল শব্দ যেটা ব্যবহৃত হয় সেটা হচ্ছে শুরুর ট্যাগটিকে বলে opening tag বা start tag আর শেষের ট্যাগটিকে বলে closing tag বা end tag. দুটোই একই শুধু ক্লজিং ট্যাগে একটা ব্যাকস্লাস (/) চিহ্ন বেশি থাকে।

এই ওপেনিং এবং ক্লজিং ট্যাগের ভিতর কনটেন্ট দিতে হয়। যেমন উপরে দিয়েছি।

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

** কিছু কিছু ট্যাগ আছে এগুলির ক্লজিং ট্যাগ নেই যেমন ইনপুট ট্যাগ, ইমেজ ট্যাগ ইত্যাদি। এই ট্যাগগুলি সামান্য একটু ভিন্ন।




দেখুন ইমেজ ট্যাগ শুরু হয়েছে এই চিহ্ন দিয়ে। ইনপুট ট্যাগটিও তদ্রুপ। আর মাঝে যে জিনিসগুলি দেখছেন (src, type ইত্যাদি) এগুলি সংশ্লিষ্ট ট্যাগটির এট্রিবিউট।

* প্রতিটি ট্যাগেই নানান ধরনের এট্রিবিউট ব্যবহার করা যায়। এট্রিবিউট টিউটারিয়াল

* প্রত্যেকটি ট্যাগরই কাজ নির্দিষ্ট করা আছে যেমন আপনার এইচটিএমএল ডকুমেন্টে আপনি যদি প্যারাগ্রাফ দিতে চান তখন ট্যাগের ভিতর তা দিতে হবে, হেডিং দিলে ট্যাগের ভিতর দিতে হবে (বড় ফন্টের হেডিং হলে , সাইজ অনুযায়ী পর্যন্ত আছে)। টেক্সট ফিল্ড দিতে হলে input ট্যাগ, ছবি দিতে চাইলে

11/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল এলিমেন্ট টিউটোরিয়াল Part: 3
--------------------------------------------------------
এর আগে এইচটিএমএল ট্যাগ নিয়ে আলোচনা করলাম। একটা start tag (যেমন ) এবং end tag (যেমন ) এর মাঝে যা থাকে তা সহ পুরোটি একটা এলিমেন্ট। একটা এলিমেন্টের ভিতর ট্যাগের মতই এক বা একাধিক এলিমেন্ট থাকতে পারে বা থাকে (এটাকে nested এলিমেন্ট বলে)। নিচের উদাহরনটি দেখুন





Business Development Hub's Demo Heading
Demo content goes here.



এখানে এর ভিতর যত কিছু আছে সব নিয়ে এটা একটা html এলিমেন্ট এরুপ body একটা এলিমেন্ট। একইভাবে বাকিগুলিও এক একটি এলিমেন্ট।

এলিমেন্টের ভিতর এলিমেন্ট থাকতে পারে আবার যেমন এর ভিতর কোন এলিমেন্ট নেই, যে লেখাটি আছে সেটি হচ্ছে এর কনটেন্ট। তাই এর ভিতরের লেখাটিসহ এটা h1 এলিমেন্ট।

এই উদাহরনটি DOC type এও দেয়া আছে, আমাদের অনলাইন এডিটরে কোডটি পেস্ট করে দেখতে পারেন বা নোটপ্যাডে লিখে .html এক্সটেনশন (যেমন index.html বা test.html) দিয়ে সেভ করে ব্রাউজারে খুলুন, এটিই হচ্ছে আউটপুট, একটা বেসিক এইচটিএমএল ডকুমেন্ট বা একটা ওয়েব পেজ।



এই উহরনটিতে মোট ৫টি এলিমেন্ট আছে html এলিমেন্ট, head এলিমেন্ট, body, h1 এবং p এলিমেন্ট।



* ট্যাগের মত এখানে html এলিমেন্টের চাইল্ড এলিমেন্ট হচ্ছে বাকি সবগুলি এলিমেন্ট। আবার body হচ্ছে প্যারেন্ট এবং এর চাইল্ড হচ্ছে h1 ও p এলিমেন্ট। যে এলিমেন্টের ভিতর অন্য এলিমেন্ট থাকে সেটা হচ্ছে প্যারেন্ট এবং ভিতরের গুলি চাইল্ড এলিমেন্ট।



* ট্যাগগুলির শব্দগুলি ছোটহাতের অক্ষরে লিখতে হবে, যেমন এভাবে না দিয়ে এভাবে দিলে এটা একটা গ্রামাটিকাল ভুল। সাথে সাথে end tag টিও দিতে হবে নাহলে একই ভুল হবে।



** যত এলিমেন্ট লেখি না কেন সব body এলিমেন্টের ভিতরই লিখতে হবে, বাকি এলিমেন্ট যেমন head ইত্যাদির ভিতর শুধু নির্দিষ্ট কিছু এলিমেন্ট লেখা যায়। ব্রাউজারে শুধু ঐটুকুরই আউটপুট আসে যেটা body এলিমেন্টের ভিতর থাকে।

ব্লক লেভেল এবং ইনলাইন এলিমেন্ট:

=========================

দুই ধরনের এলিমেন্ট আছে

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

div, p, h1, ul, li ইত্যাদি ব্লকলেভেল এলিমেন্ট।



ইনলাইন এলিমেন্ট : যে এলিমেন্টগুলির কারনে নতুন লাইন শুরু হয়না সেগুলি ইনলাইন এলিমেন্ট।

a, i, b, span, strong ইত্যাদি ইনলাইন এলিমেন্ট।








I am a block level element

I am block level element too

This is an inline element
Business Development Hub's link is an inline element

05/05/2018

এইচটিএমএল টিউটোরিয়াল | এইচটিএমএল ডকুমেন্ট DOC type টিউটোলিয়াল Part: 2
--------------------------------------------------------------------------------------
নিচে একটা সাধারন এইচটিএমএল ডকুমেন্ট দেয়া হল এবং এর প্রতিটি অংশের বিস্তারিত বর্ননা করা হচ্ছে







Business Development Hub's Heading
Write your demo content here.



প্রয়োগ দেখুন

প্রথম লাইনটি হচ্ছে ডকুমেন্টটি কি ধরনের তা বোঝানোর (ব্রাউজারকে) জন্য দেয়া হয়। এইচটিএমএল এর কোন ভার্সন ব্যবহার করবেন সেটার উপর ভিত্তি করেই এই ডিক্লেয়ারেশন টি দেয়া হয়। যেমন উপরের ডকুমেন্ট টি এইচটিএমএল ৫ এর একটি ডকুমেন্ট । এরুপ যদি এটা XHTML এর ১.০ ভার্সন হতো তাহলে ডিক্লেয়ারেশনটি দিতে হতো এভাবে



এটা হচ্ছে ট্রানজিশনাল অর্থ্যাৎ এইচটিএমএল এর সকল কিছু এই্ ডকুমেন্টে লেখা যাবে সাথে সাথে deprecated এলিমেন্টগুলিও ব্যবহার করা যাবে যেমন font। ফ্রেমসেট ব্যবহার করা যাবেনা।

যাইহোক এভাবে "xhtml1-transitional.dtd" এর জায়গায় "xhtml1-strict.dtd" দিলে deprecated এলিমেন্টগুলি ব্যবহার করা যাবেনা।

** এখন HTML5 আসার পর এগুলি আর সাধারনত ব্যবহার করেনা। HTML 5 এর ডিক্লেয়ারেশন দেয়া হয়।



যাইহোক এটা খুব গুরত্বপূর্ন কিছু নয়। কপি করে (X)HTML ডকুমেন্ট লেখার শুরুতে পেস্ট করে দিলেই চলবে। তবে দিতে হবে কেননা না দিলে কিছু কিছূ ব্রাউজারে ঠিকমত আউটপুট আসেনা যেমন ইন্টারন্টে এক্সপ্লোরার (IE)।

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

আমরা এইচটিএমএল ৫ এরও মুল বিষয়াদি পাশাপাশি আলোচনা করে যাব।

05/05/2018

এইচটিএমএল টিউটোরিয়াল | ভূমিকা - Part: 1
---------------------------------------------------------------------------------
এইচটিএমএল (HTML)এর অর্থ হচ্ছে Hyper Text Markup Language, এটা কোনও প্রোগ্রামিং ল্যাংগুয়েজ নয়, এটি হচ্ছে একটি মার্কআপ ল্যাংগুয়েজ।

এখন প্রথমে একটু জেনে নিই প্রোগ্রামিং ল্যাংগুয়েজ কি, আর মার্কআপ ল্যাংগুয়েজই বা কি?

মার্কআপ ল্যাংগুয়েজঃ মার্কআপ ল্যাংগুয়েজ হল এমন একটি কম্পিউটার ল্যাংগুয়েজ, যা মুলত একটি ডকুমেন্টের মধ্যে ট্যাগ ব্যবহার করে বিভিন্ন এলিমেনটকে ডিফাইন করে। এটি হিউম্যান রিডেবল ল্যাংগুয়েজ অর্থাৎ আমরা এই ল্যাংগুয়েজটি পড়তে পারবো বা বুঝতে পারবো। একটু সহজ ভাবে বললে, এ মার্কআপ ল্যাংগুয়েজ সাধারণত স্ট্যান্ডার্ড বা আদর্শ শব্দ ব্যবহার করে, কখনই এটি প্রোগ্রামিংয়ের ন্যায় জটিল Syntax ব্যবহার করেনা। সাধারণত মার্কআপ ল্যাংগুয়েজের এলিমেনট গুলো নেওয়া হয়েছে আমাদের ব্যবহিত এবং পরিচিত শব্দগুলো থেকে, তবে এখানে শুধু পার্থক্য হল এ শব্দগুলোকে '< >' এবং '' ট্যাগ দ্বারা ক্লোজ করে ব্যবহার করা হয়। যেন কম্পিউটার এই এলিমেনট গুলো পড়তে পারে এবং উক্ত টেক্সট কে প্রদর্শন করতে পারে, যা আমরা ব্রাউজারের মাধ্যমে দেখতে পারি।

উদাহরণ স্বরূপঃ This is a paragraph of text written in HTML
এটি যদি আমরা এডিটরে লিখি, তবে কম্পিউটার ট্যাগের মধ্যকার কন্টেন্ট পড়বে এবং তা প্রদর্শন করবে। প্রশ্ন আসতে পারে কম্পিউটার কেন শুধু ট্যাগ দিয়ে মোড়ানো এমন টেক্সট প্রদর্শন করে । বিষয়টি ব্যাখ্যা করা যায় এভাবে, আমরা অনেক সময় আমাদের পড়ার বইয়ে গুরুত্বপূর্ণ শব্দগুলোকে মার্ক করতে লাল কলম দিয়ে আন্ডারলাইন দেই, এটা আমরা এই জন্য করি কারণ আশে-পাশের শব্দগুলো থেকে মার্ক করা শব্দটির গুরুত্ব আমাদের কাছে অনেক বেশি, ঠিক তেমনি মার্কআপ ট্যাগ ব্যবহার করেও কম্পিউটার কে জানানো হয় কোন এলিমেনটগুলো আমি প্রদর্শন করাতে চাচ্ছি ওয়েব পেজে। আর তাই কম্পিউটার তখন সে কমান্ড অনুসরণ করে।

মার্ক আপ ল্যাঙ্গুয়েজ মোট তিনটিঃ
HTML, XHTML এবং XML
তবে HTML, XHTML সেইম মার্কআপ ল্যাঙ্গুয়েজ কিন্তু এখানে পার্থক্য হল XHTML, HTML এর তুলনাতে অনেক বেশি Restricted, যেমন শুধু HTML লেখার সময় এমন অনেক এলিমেনট রয়েছে যেগুলো লিখতে ending tag না ইউজ করলেও চলে, কিন্তু XHTML লেখার সময় মার্ক আপ ল্যাঙ্গুয়েজ লেখার সকল নিয়ম মেনে চলতে হবে। আর তাই প্রত্যেক এলিমেনট লিখতে অবশ্য তা ending tag ব্যবহার করে শেষ করতে হবে। যেমন ইমেজ লেখার ক্ষেত্রে HTML এ শুধু লিখলেই চলে কিন্তু XHTML এর ক্ষেত্রে অবশ্যই ending tag ইউজ করে লিখতে হবে এভাবে ।

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

তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন ব্যবহার করলে তোমার ঐ ওয়েব পেজটি ডাইনামিক হওয়া শূরু হল। সবশেষে পিএইচপি + ডেটাবেস শিখলে তুমি পূর্নাঙ্গ ডেটাবেস Driven ওয়েবসাইট তৈরী করতে পারবে।

যে জিনিস লাগবে এইচটিএমএল শিখতে (অর্থ্যাৎ এইচটিএমএল কোড কোথায় লিখবে)

আমরা আমাদের ডিফল্ট নোটপ্যাড দিয়ে কোড লেখা শুরু করতে পারি, তবে সবচেয়ে ভালো হবে Notepad++ নামক এডিটর টি ব্যবহার করা। কারণ উইন্ডোজে বাই ডিফল্ট যে নোটপ্যাড টি থাকে সেটা দিয়ে কোড লেখা খুব কষ্টকর এবং এতে কোনও মজা বা সুবিধা কিছুই পাবেনা। তবে এরকমই একটা হালকা নোটপ্যাড আছে নাম "Notepad++" এখানে প্রচুর সুবিধা পাবে এবং এটা প্রফেশনাল কোড লেখার জন্য নি:সন্দেহে ব্যবহার করতে পারবে। এই যে ডাউনলোড লিংক- https://notepad-plus-plus.org/download/v7.5.6.htmlডাউনলোড করে এটি ইন্সটল করতে হবে। তারপর এই এডিটর ইউজ করে কোড লিখতে হবে।

এইচটিএমএল শিখতে যে শব্দগুলি ভালভাবে জানা দরকার-

এইচটিএমএল এলিমেন্ট (Element)
এইচটিএমএল ট্যাগ (Tag)
এইচটিএমএল অ্যাট্রিবিউট (Attribute)

এ শব্দগুলি সবসময় আসবে এবং এগুলির পরিষ্কার ধারনা থাকতে হবে।

HTML, XHTML এবং HTML5

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

* W3C নামের এই সংস্থাটি HTML তৈরী এবং ম্যানেজমেন্ট করে।

* HTML 5 মুলত HTML ই তবে এখানে নতুন নতুন অনেক ট্যাগ এবং নিয়ম যুক্ত হয়েছে যেগুলির বর্ননা আমরা পরবর্তী টিউটোরিয়ালগুলিতে প্রয়োজন অনুসারে দিয়ে দেব।

Download Notepad++