Go Ahead

OCTOBER 17, 2022
English Version
w3programmers.com Bangla
Main menuSkip to content
MENU
POSTED ON DECEMBER 16, 2018 BY MASUD ALAM
HTML Tutorial in Bangla Part-2:HTML head tag Elements
Last Updated on December 17, 2018 by

HTML head tag Elements কি?
html head tag
html head tag

HTML head tag Element হলো Meta Data (ডেটা সম্পর্কিত ডেটা) রাখার কন্টেইনার এবং এটি ট্যাগ এবং ট্যাগের মাঝে থাকে।

HTML Meta Data হলো HTML Document সম্পর্কিত তথ্য যা ব্রাউজারে দেখানো হয় না।

Meta Data সাধারণত ডকুমেন্টের টাইটেল, ক্যারেক্টার সেট, স্টাইল, লিঙ্ক, স্ক্রিপ্ট এবং অন্যান্য তথ্যকে বুঝায়।

এই tag গুলোর মাধ্যমে মেটাডেটা বর্ননা করা হয়ঃ , , , , এবং

Element
একটি ওয়েব পেজের সকল URL এবং target এট্রিবিউটের একটি মূল URL এবং target সেট করার জন্য এলিমেন্ট ব্যবহার করা হয়ঃ

01
02
03
04
05
06
07
08
09
10
11








w3programmers


ব্যাখ্যা: উপরের কোড দিয়ে যেই ইমেজটি প্রদর্শন করবে সেটি w3programmers.com এর image folder থেকে দেখাবে আর এর জন্য আমাদেরকে image folder এর path টি দিতে হয়নি। আবার হাইপার লিংক এর জন্য আমাদেরকে কোনো টার্গেট সেট করতে হয়নি , কারণ আমরা আগেই tag এ target সেট করে আসছি , এখন লিংকে ক্লিক করলে লিংকটি সরাসরি নতুন একটা ট্যাব এ ওপেন হবে। আর এখানে href এবং target হচ্ছে base tag এর attribube

Element
ব্রাউজারের টাইটেল বারে যেকোনো ওয়েব পেজের টাইটেল প্রদর্শনের জন্য ট্যাগ ব্যবহার করা হয়।

1
2
3
4
5
6
7
8
9



Our HTML Tutorials


This is Body


উপরের কোড এর মাধ্যমে ব্রাউজারের টাইটেল বারে “Our HTML Tutorials” লেখাটি দেখা যাবে।

Element
Internal Style sheet ব্যবহারের জন্য ট্যাগ ব্যবহার করা হয়। যেমন

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17



Our HTML Tutorials

body {background-color: red;}
p {
margin-left: 20px;
font-weight: bold;
color: #006;
}



This is Body


Element
এক্সটার্নাল স্টাইলশীটকে লিঙ্ক করার জন্য এলিমেন্ট ব্যবহার করা হয়ঃ

01
02
03
04
05
06
07
08
09
10
11
12
13



HTML Link Example




HTML Link Example
This is a Paragraph



Element
জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য ট্যাগ ব্যবহার করা হয়। যেমন

01
02
03
04
05
06
07
08
09
10
11
12
13
14



HTML script Example





HTML script Example
This is a Paragraph



Element
ক্যারেক্টার সেট, পেজের বর্ননা, কী-ওয়ার্ড, পেজের রচয়িতা এবং অন্যান্য মেটাডেটা নির্দেশ করার জন্য এলিমেন্ট ব্যবহার করা হয়।

ব্রাউজার, সার্চ ইঞ্জিন এবং অন্য ওয়েব সার্ভিসের জন্য মেটাডেটা ব্যবহার করা হয়।

Character Set নির্দেশ করতেঃ
1

Web Page এর Description দিতে:
1

Search Engine এর জন্য Key words নির্দেশ করতেঃ
1

পেজের রচয়িতার নাম নির্দেশ করতেঃ
1

ডকুমেন্ট কে প্রত্যেক ৩০ সেকেন্ডে রিফ্রেশ করতেঃ
1

সব উদাহরণ এক সাথে:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15



HTML Meta Data Example







Meta Data Example



HTML
TAGGED HTML HEAD TAG ELEMENTS কি?, ELEMENT
Post navigation
← Previous
Next →
Leave a Reply
You must be logged in to post a comment.

COPYRIGHT © 2022 W3PROGRAMMERS.COM BANGLA

w3programmers | Most Popular Tutorial For World Wide Web Programmers Most Popular Tutorial For World Wide Web Programmers

😍😍 Enrich yourself ❤️❤️❤️

স্পাম ইমেইল কি? ক্ষতিকর স্প্যাম থেকে নিরাপদ থাকার উপায়
বাংলাটেক টিমNovember 19, 20210
FacebookTwitterMessengerWhatsAppLinkedInTelegramShare
ইমেইল এর দুনিয়ায় “স্পাম” একটি বহুল আলোচিত শব্দ। তবে স্পাম ইমেইল নিয়ে অনেকেরই পরিষ্কার ধারণা নাই। চলুন জেনে নেওয়া যাক স্পাম ইমেইল কি, স্পাম ইমেইল এর ধরন, স্পাম ইমেইল কেনো আসে, ক্ষতিকর স্প্যাম থেকে নিরাপদে থাকার উপায় সম্পর্কে বিস্তারিত।

স্পাম ইমেইল কি?
স্পাম ইমেইল হলো জাংক ইমেইল এর একটি রুপ, যা প্রাপকের দ্বারা অনাকাংখিত। মূলত এসব মেইলে বিজ্ঞাপন থাকে, যা প্রাপকের অনুমতি ছাড়া পাঠানো হয়। কেনা ইমেইল লিস্ট, ফেক কনটেস্ট, ইমেইল হারভেস্টিং প্রোগ্রাম, ইত্যাদির মাধ্যমে বেশিরভাগ স্পাম ইমেইল এর সূচনা ঘটে।

স্পাম ইমেইল এর ধরন
বিভিন্ন ধরনের স্পাম ইমেইল হতে পারে। একেক ধরনের স্পাম ইমেইলের ক্ষেত্রে একেক ধরনের কৌশন অবলম্বন করে প্রতারকরা। সচরাচর যেসব স্পাম ইমেইল দেখা যায়, সেগুলো হলোঃ

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

স্পাম ইমেইল কেনো আসে
একাধিক উপায়ে আপনার ইমেইল এড্রেস পৌছেঁ যেতে পারে একজন প্রতারকের হাতে। ইমেইল এড্রেস পাওয়ার পর প্রতারক আপনার ইমেইল এড্রেসে মেইল পাঠায়। যেসব উপায়ে প্রতারকরা ইমেইল এড্রেস সংগ্রহ করতে পারে, সেসব নিয়ে নিচে আলোচনা করা হলো।

[★★] মোবাইল দিয়ে টাকা আয় করার উপায় জানতে এখানে ক্লিক করুন

কোনো ডাটা লিক এর সময় আপনার ইমেইল এড্রেস লিক হওয়ার মাধ্যমে ইমেইল এড্রেস ফাঁস হয়ে গিয়েছে। এমনকি এডোবি, লিংকডইন এর মত বড়বড় প্রতিষ্ঠান এসব সমস্যার শিকার হয়। এইক্ষেত্রে নাম, পাসওয়ার্ড, ইমেইল এড্রেসসহ একাধিক ব্যক্তিগত তথ্য ফাঁস হতে পারে। এসব ডাটা লিকে অসংখ্য একটিভ ইমেইল থাকায় স্পামারদের প্রধান টার্গেট থাকে এসব ডাটা লিকে প্রাপ্ত ইমেইল।

কনটাক্ট লিস্ট থেকেও ইমেইল এড্রেস ফাঁস হতে পারে। কেউ যদি আপনার বন্ধুর ইমেইল এড্রেস ও পাসওয়ার্ড জেনে ফেলে, সেক্ষেত্রে কনটাক্ট লিস্ট থেকে আপনার ইমেইল এড্রেস পাওয়া কঠিন কোনো বিষয় নয়।

জিমেইল, ইয়াহু এর মতো জনপ্রিয় ইমেইল সার্ভিসগুলোর প্রায় সকল কমন ইউজারনেমেই একটিভ ব্যবহারকারী থাকে। যার ফলে র‍্যানডম ইমেইল জেনারেটর ব্যবহার করেও কেউ আপনার ইমেইল পেয়ে যেতে পারে।

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

🔥🔥 গুগল নিউজে বাংলাটেক সাইট ফলো করতে এখানে ক্লিক করুন তারপর ফলো করুন 🔥🔥

স্প্যাম ইমেইল কি ধরনের ক্ষতি করতে পারে?
স্প্যাম ইমেইল সাধারণত বিরক্তিকর হয়ে থাকে। এগুলোতে অযাচিত বিজ্ঞাপন দেওয়া হয়। সেই সাথে কোনো স্প্যাম ইমেইল আপনার অনলাইন একাউন্ট হ্যাক হওয়ার কারণও হতে পারে। আপনার অনলাইন ব্যাংক একাউন্ট, ক্রেডিট কার্ড তথ্য এসব হ্যাক হয়ে যেতে পারে স্প্যাম ইমেইলের ক্ষতিকর লিংকে ক্লিক করলে।

এছাড়া অনেক স্প্যাম ইমেইল বলতে পারে যে আপনার ফেসবুক একাউন্ট লক করে দেওয়া হয়েছে। ফেসবুক একাউন্ট রিকভারি বা উদ্ধার করার জন্য স্প্যাম ইমেইলে দেওয়া ফাঁদ অর্থাৎ ভুয়া লিংকে গেলে আপনার সচল ফেসবুক একাউন্টটি হ্যাক হয়ে যেতে পারে।

তবে হ্যাঁ, আগেই যেমনটি বলেছি, কোনো কোনো সময় দুয়েকটি ভাল ইমেইলও স্প্যাম ইমেইল বা জাংক ইমেইল বক্সে চলে যায়। তাই সব সময় আপনি সচেতনভাবে সিদ্ধান্ত নিবেন কোনটি সঠিক এবং কোনটি ভুয়া। প্রয়োজনে আমাদের ফেসবুক গ্রুপে সহায়তা চেয়ে পোস্ট করতে পারেন।

আবার স্প্যাম ইমেইলে থাকা ডাউনলোড লিংক থেকে ভাইরাস বা ম্যালওয়্যার ডাউনলোড হয়ে যেতে পারে আপনার কম্পিউটার বা ফোনে। সুতরাং অপরিচিত ইমেইলে আসা লিংক ক্লিক করার ক্ষেত্রে সাবধান হতে হবে।

ক্ষতিকর স্প্যাম থেকে নিরাপদে থাকার উপায়
আপনার যদি একটি ইমেইল একাউন্ট থাকে, তাহলে একবার হলেও স্পাম ইমেইল পেয়েছেন। বিভিন্ন প্রতিষ্ঠান থেকে আসা ঝুড়িঝুড়ি ইমেইল, সাইন-আপ না করা সার্ভিস থেকে মেসেজ বা বিভিন্ন অভাবনীয় ফ্রি প্রস্তাবের বিষয়ে আলোচনাসহ প্রায় সকল বিষয়ে স্পাম মেইল পেয়ে থাকি আমরা সবাই।

স্পাম ইমেইল একটি বিরক্তিকর বিষয়। এমনকি এটি আপনার ক্ষতি করতেও সক্ষম, কেননা বর্তমানে বেশিরভাগ সময় স্পাম ইমেইলের মাধ্যমে বিভিন্ন এক্সপ্লয়েট ছড়িয়ে দেয় স্ক্যামাররা।

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

👉 ইমেইল আইডি খোলার নিয়ম

এই পোস্টে আমরা স্পাম ইমেইল বন্ধ করার কিছু কার্যকর উপায় সম্পর্কে জানবো। চলুন জেনে নেওয়া যাক স্পাম ইমেইল ব্লক করার কিছু উপায় সম্পর্কে বিস্তারিত।

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

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

👉 জিমেইল একাউন্টের নিরাপত্তা রক্ষার ৯টি উপায়

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

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

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

👉 ইমেইল পাঠানোর নিয়ম (মোবাইল ও কম্পিউটার থেকে)

অপরিচিত ইমেইলের কোনো লিংকে ক্লিক করবেন না
কোনোমতে স্পাম ইমেইলে থাকা কোনো লিংকে ক্লিক করতে যাবেন না। বিভিন্ন ধরনের লোভনীয় অফার বা কম দামে ভালো পণ্যের লোভ দেখিয়ে পাঠানো লিংকে তো ভুলেও ক্লিক করবেন না। অনেক সময় Unsubscribe অপশনেও ক্ষতিকর লিংক এড করা থাকে। তাই ভুলেও স্পাম ইমেইলে থাকা কোনো লিংকে ক্লিক করবেন না।

আশা করি এই টিপসগুলো আপনার কাজে লাগবে।

OCTOBER 10, 2022
English Version
w3programmers.com Bangla
Main menuSkip to content
MENU
POSTED ON DECEMBER 16, 2018 BY MASUD ALAM
HTML Tutorial in Bangla Part-2:HTML head tag Elements
Last Updated on December 17, 2018 by

HTML head tag Elements কি?
html head tag
html head tag

HTML head tag Element হলো Meta Data (ডেটা সম্পর্কিত ডেটা) রাখার কন্টেইনার এবং এটি ট্যাগ এবং ট্যাগের মাঝে থাকে।

HTML Meta Data হলো HTML Document সম্পর্কিত তথ্য যা ব্রাউজারে দেখানো হয় না।

Meta Data সাধারণত ডকুমেন্টের টাইটেল, ক্যারেক্টার সেট, স্টাইল, লিঙ্ক, স্ক্রিপ্ট এবং অন্যান্য তথ্যকে বুঝায়।

এই tag গুলোর মাধ্যমে মেটাডেটা বর্ননা করা হয়ঃ , , , , এবং

Element
একটি ওয়েব পেজের সকল URL এবং target এট্রিবিউটের একটি মূল URL এবং target সেট করার জন্য এলিমেন্ট ব্যবহার করা হয়ঃ

01
02
03
04
05
06
07
08
09
10
11








w3programmers


ব্যাখ্যা: উপরের কোড দিয়ে যেই ইমেজটি প্রদর্শন করবে সেটি w3programmers.com এর image folder থেকে দেখাবে আর এর জন্য আমাদেরকে image folder এর path টি দিতে হয়নি। আবার হাইপার লিংক এর জন্য আমাদেরকে কোনো টার্গেট সেট করতে হয়নি , কারণ আমরা আগেই tag এ target সেট করে আসছি , এখন লিংকে ক্লিক করলে লিংকটি সরাসরি নতুন একটা ট্যাব এ ওপেন হবে। আর এখানে href এবং target হচ্ছে base tag এর attribube

Element
ব্রাউজারের টাইটেল বারে যেকোনো ওয়েব পেজের টাইটেল প্রদর্শনের জন্য ট্যাগ ব্যবহার করা হয়।

1
2
3
4
5
6
7
8
9



Our HTML Tutorials


This is Body


উপরের কোড এর মাধ্যমে ব্রাউজারের টাইটেল বারে “Our HTML Tutorials” লেখাটি দেখা যাবে।

Element
Internal Style sheet ব্যবহারের জন্য ট্যাগ ব্যবহার করা হয়। যেমন

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17



Our HTML Tutorials

body {background-color: red;}
p {
margin-left: 20px;
font-weight: bold;
color: #006;
}



This is Body


Element
এক্সটার্নাল স্টাইলশীটকে লিঙ্ক করার জন্য এলিমেন্ট ব্যবহার করা হয়ঃ

01
02
03
04
05
06
07
08
09
10
11
12
13



HTML Link Example




HTML Link Example
This is a Paragraph



Element
জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য ট্যাগ ব্যবহার করা হয়। যেমন

01
02
03
04
05
06
07
08
09
10
11
12
13
14



HTML script Example





HTML script Example
This is a Paragraph



Element
ক্যারেক্টার সেট, পেজের বর্ননা, কী-ওয়ার্ড, পেজের রচয়িতা এবং অন্যান্য মেটাডেটা নির্দেশ করার জন্য এলিমেন্ট ব্যবহার করা হয়।

ব্রাউজার, সার্চ ইঞ্জিন এবং অন্য ওয়েব সার্ভিসের জন্য মেটাডেটা ব্যবহার করা হয়।

Character Set নির্দেশ করতেঃ
1

Web Page এর Description দিতে:
1

Search Engine এর জন্য Key words নির্দেশ করতেঃ
1

পেজের রচয়িতার নাম নির্দেশ করতেঃ
1

ডকুমেন্ট কে প্রত্যেক ৩০ সেকেন্ডে রিফ্রেশ করতেঃ
1

সব উদাহরণ এক সাথে:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15



HTML Meta Data Example







Meta Data Example



HTML
TAGGED HTML HEAD TAG ELEMENTS কি?, ELEMENT
Post navigation
← Previous
Next →
Leave a Reply
You must be logged in to post a comment.

Search for:
Video Player

00:00
01:04:59

Categories
DevOps
Data Science, Machine Learning, Deep Learning and Big Data
Laravel Framework Basics
Laravel Architecture Concepts
Laravel Database Management
Laravel Eloquent ORM
PHP Basic
PHP Variable & Constant
PHP Operators
PHP Control Structures
PHP Functions
PHP Arrays
PHP Object Oriented Programming
PHP MySQL
PHP Strings & Patterns
PHP Web Features
PHP Data Format & Types
PHP Socket Programming
HTML
CSS
JavaScript
VueJS
Wordpress Theme Development
WordPress Plugin Development
OAuth
Python Basics
Python Data Types
Python Functions
Computer Networking
Like Us On Facebook

COPYRIGHT © 2022 W3PROGRAMMERS.COM BANGLA

w3programmers | Most Popular Tutorial For World Wide Web Programmers Most Popular Tutorial For World Wide Web Programmers

হ্যাশট্যাগ (#ট্যাগ) কি এবং কেন? মো. রায়হান কবির : সামাজিক যোগাযোগ মাধ্যম গুলোতে প্রায়ই দেখা যায় হ্যাশট্যাগ ( #ট্যাগ) সম্বলিত স্ট্যাটাস বা ছবি। অনেক....

enrich yourself by any way...

OCTOBER 8, 2022
English Version
w3programmers.com Bangla
Main menuSkip to content
MENU
POSTED ON DECEMBER 16, 2018 BY MASUD ALAM
HTML Tutorial in Bangla Part-1: HTML Basics
Last Updated on December 16, 2018 by

HTML কি?
html tutorial
html tutorial

HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা দিয়ে আপনি যেকোনো তথ্য, ছবি এমনকি ভিডিওকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ পাবেন। আর এই কাজটি করতে হলে আপনাকে একটা ওয়েব পেজ তৈরী করতে হবে। আর একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়েই । HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।

HTML এর ইতিহাস
মার্কিন কম্পিউটার সায়েন্টিস্ট টিম বার্নাস-লী প্রথম HTML বা Hyper Text Mark Up Language টি তৈরি করেন। এটি তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। তারপর ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে W3C কর্তৃক প্রথম ডেভলপকৃত HTML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে W3C HTML এর নতুন সংস্করণ HTML4.2 প্রকাশ করে। ২০১০ সালে বর্তমানে প্রচলিত HTML এর সর্বশেষ ভার্সন HTML5 জনসম্মূখে পরিচিতি লাভ করে।

HTML Code কোথায় এবং কিভাবে লিখবেন?
যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা Code Editor ব্যবহার করে কোডিং করতে হয়। HTML কোডিংয়ের জন্য আপনি প্রফেশনাল টেক্সট এডিটর যেমন- Sublime Text, atom.io, Brackets ইত্যাদি ব্যবহার করতে পারেন। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html বা test.html দ্বারা Save করে যেকোন ব্রাউজার যেমন Internet explorer, Mozilla Firefox , Google chrome এবং Opera দ্বারা দেখতে পারবেন।

HTML এ লেখা প্রোগ্রামের মৌলিক অংশ সমূহ
1
2
3
4
5
6
7
8
9



www.w3programmers.com


This is my first web page. I am learning now HTML.


একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: test.html , Save as type : All files, দিয়ে save করে test.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

html demo
html demo

HTML শিখতে কি জানা দরকার?
HTML শিখতে নিচের শব্দগুলি ভালভাবে জানা দরকার-

HTML Element
HTML Tag
HTML Attribute
চলুন একটা একটা করে উপরের তিনটি বিষয়ে একটা পরিষ্কার ধারণা নেই।

HTML ট্যাগ কি?
HTML এ প্রোগ্রাম লেখার জন্য এবং দুইটা চিহ্ন এবং এর মধ্যে কিছু Pre-defined Word যেমন html, head, title, body ইত্যাদি Keyword ব্যবহার করা হয়। বা চিহ্ন এবং এর মাঝে লেখা এক একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন এবং । হল body শুরু ট্যাগ এবং হল body শেষ ট্যাগ।

HTML Element কি?
HTML এ যেকোন শুরু ও শেষ tag এবং মাঝের অংশকে সংশ্লিষ্ট tag এর Element বলা হয়। যেমন This is an example of element. । এখানে হেডার 1 শুরু এবং হেডার1 শেষ ট্যাগের মাঝে This is an example of element. লেখা হয়েছে, তাই This is an example of element.হচ্ছে h1 tag এর element । কিছু কিছু ট্যাগের কোন Element থাকে না যেমন ইত্যাদি।

সাধারণতঃ যে সকল ট্যাগের শেষ ট্যাগ থাকে না তাদের ইলিমেন্টও থাকে না। এ ধরণের শুরু ট্যাগের মধ্যেই / চিহ্নটি অন্তর্ভূক্ত থাকে, এবং এর আগে একটা স্পেস দিতে হয়। আর এগুলোকে বলা হয় HTML empty Element

HTML Attributes কি?
HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য শুরু tag এর মধ্যে কিছু pre-defined কথাকে HTML Attribute বলে। মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য Attributes ব্যবহার করা হয়। যেমন Hello w3programmers. এখানে size=”5″ অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ This is a paragraph. লেখাটির সাইজ কেমন হবে। এছাড়া face=”Tahoma” প্রকাশ করছে লেখাটির font হবে Tahoma এবং color=”red” দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।

HTML Entities কি?
HTML এ কিছু বিশেষ Character যেমন চিহ্ন এটি সাধারণত HTML tag গুলো লেখার কাজে ব্যবহৃত হয় , তাই এগুলোর মধ্যে কিছু লিখলে browser সেটিকে ট্যাগ ভেবে ভুল করে বা আমাদের ইচ্ছা অনুযায়ী সঠিক ভাবে তথ্য প্রদর্শন করতে পারেনা। আবার এমন কিছু চিহ্ন যেমন © ® ™ $ ইত্যাদি চিহ্ন গুলি এডিটরে লেখার জন্য আপনার কীবোর্ড এ লেখার ব্যবস্থা নেই । এখন যদি এই ধরনের কোন চিহ্ন আপনি ওয়েব পেজে দেখাতে চান তাহলে এইচটিএমএল এনটাইটি ব্যবহার করে দেখাতে পারবেন।

প্রত্যেক এনটাইটি এমপারসেন্ড (&) চিহ্ন দিয়ে শুরু হয় এরপর তার নাম এবং শেষে সেমিকোলন (;) দিয়ে শেষ করতে হয়।

Entity নাম দিয়েও প্রকাশ করা যায় আবার বিকল্প হিসেবে প্রত্যেকটি এনটাইটির একটা নাম্বার আছে সেটা দিয়েও প্রকাশ করতে পারেন। নিচের কিছু নামভিত্তিক এনটাইটি দেয়া হল।

কয়েকটি বহুল ব্যবহৃত এনটাইটি:

1
2
3
4
5
6
7
©
®
™
 
$
<
>
এগুলির নাম্বার যথাক্রমে
1
2
3
4
5
6
7
& #169;
& #174;
& #8482;
& #32;
& #36;
& #60;
& #62;
Result
common html entity
common html entity

HTML DOCTYPE Tag কি?
HTML এ Tag হচ্ছে আপনার লেখা HTML ডকুমেন্টটি কি ধরনের তা ব্রাউজারকে বোঝানোর জন্য ব্যবহৃত হয়। এইচটিএমএল এর কোন ভার্সন ব্যবহার করবেন সেটার উপর ভিত্তি করেই এই ডিক্লেয়ারেশন টি দেয়া হয়। যেমন উপরের ডকুমেন্ট টি এইচটিএমএল ৫ এর একটি ডকুমেন্ট, তাই এটাকে আমরা এভাবে লিখি । এরুপ যদি এটা XHTML এর ১.০ ভার্সন হতো তাহলে ডিক্লেয়ারেশনটি দিতে হতো এভাবে:

1
2

HTML Comments কি ?
HTML এ Comments হচ্ছে, একজন HTML কোডার বা প্রোগ্রামারের সোর্স কোডের ব্যাখ্যা বা পাদটীকা। এটাকে আমরা Coding Documentation ও বলতে পারি। সাধারণত: যেকোনো Programming language এর Compiler এবং Interpretor গুলো comments কে কোড হিসাবে execute না করে এটাকে (Ignore) এড়িয়ে যায়। Comments System দিয়ে আমরা HTML এর Coding Documentation ছাড়াও এই মুহূর্তে ব্যবহৃত হবেনা কিন্তু ভবিষ্যতে কাজে লাগতে পারে এমন HTML Code গুলোও আমরা সাময়িক সময়ের জন্য hide করে রাখতে পারি।

HTML এ কিভাবে Comment করা হয়?
HTML এ start tag দিয়ে comment এর কাজ করা হয়। নিচের উদাহরণ দেখুন:

01
02
03
04
05
06
07
08
09
10



HTML Comment



Hello HTML!


উপরের কোডটি রান করলে আপনি কমেন্ট এর মধ্যে অবস্থিত লেখাটি ব্রাউজার এ দেখতে পাবেন না।

Condition Comment
যেসকল ট্যাগ ইন্টারনেট এক্সপ্লোরার ব্রাউজারে সাপোর্ট করেনা, সেসকল ট্যাগের বিকল্প হিসেবে কমেন্টের মধ্যে ট্যাগ নির্ধারণ করে দিতে পারেন। এতে করে যখন এই কোডগুলো ইন্টারনেট এক্সপ্লোরার ব্রাউজারে রান হবে তখন কমেন্টের মধ্যের ট্যাগগুলো সঠিকভাবে প্রদর্শিত হবে। নিচের উদাহরণটি দেখুন:

1
2
3

1
2
3

HTML
TAGGED HTML ATTRIBUTES কি.HTML ENTITIES কি, HTML COMMENTS কি, HTML এর ইতিহাস, HTML CODE কোথায় এবং কিভাবে লিখবেন, HTML ট্যাগ কি, HTML ELEMENT কি
Post navigation
← Previous
Next →
One comment to “HTML Tutorial in Bangla Part-1: HTML Basics”
ABU SHAFIQ
SEPTEMBER 28, 2021 AT 3:55 AM
It is a great article to learn html basics in Bangla.

LOG IN TO REPLY
Leave a Reply
You must be logged in to post a comment.

Search for:
Video Player

00:00
01:04:59

Categories
DevOps
Data Science, Machine Learning, Deep Learning and Big Data
Laravel Framework Basics
Laravel Architecture Concepts
Laravel Database Management
Laravel Eloquent ORM
PHP Basic
PHP Variable & Constant
PHP Operators
PHP Control Structures
PHP Functions
PHP Arrays
PHP Object Oriented Programming
PHP MySQL
PHP Strings & Patterns
PHP Web Features
PHP Data Format & Types
PHP Socket Programming
HTML
CSS
JavaScript
VueJS
Wordpress Theme Development
WordPress Plugin Development
OAuth
Python Basics
Python Data Types
Python Functions
Computer Networking
Like Us On Facebook

COPYRIGHT © 2022 W3PROGRAMMERS.COM BANGLA

w3programmers | Most Popular Tutorial For World Wide Web Programmers Most Popular Tutorial For World Wide Web Programmers