HTML শিখুন বাংলা ভাষায় - পর্ব ১

HTML শিখুন বাংলা ভাষায় - পর্ব ১

SHARE:

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

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

HTML কি?

HTML মূলত এক ধরণের ভাষা যা একটি ওয়েব পেজ তৈরিতে ব্যবহার করা হয়। সহজ কথা হল  HTML হল ওয়েব পেজ তৈরির জন্যে একটি আদর্শ মার্কআপ ভাষা বা   language. HTML এর পূর্ণ রূপ হল হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (Hyper Text Markup Language) . HTML মূলত একটি ওয়েব পেজের গঠন বর্ণনা করে। আর এই গঠন বা language গুলো আমরা (User ) সরাসরি দেখতে পাই না যা দেখি তা হলো language গুলোর চূড়ান্ত ফলাফল। HTML এ বিভিন্ন উপাদান রয়েছে। মজার ব্যাপার হলো এই উপাদানগুলো ব্রাউজারকে বলে দেয় কিভাবে তা চূড়ান্ত উজারদের ফলাফল দেখাবে। HTML এর উপাদানগুলোকে ট্যাগ বা tag বলা হয়। যেমনঃ "title ", "heading", "table", "paragarph" ইত্যাদি।
[post_ads]

HTML পেজের example


[<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>]
এবার আসুন example টি ব্যাখ্যা করা যাক।
১.  <!DOCTYPE html>  ট্যাগটি দ্বারা বুঝানো হয়েছে ওয়েব পেজটি HTML 5।  মূলত এই ট্যাগটি browser কে ওয়েব পেজটি সঠিকভাবে দেখাতে সাহায্য করে। এটি মূলত ওয়েব পেজের  উপরে থাকে মানে HTML tags শুরুর আগে থাকে এবং এটি পেজে একবারই থাকে।
২.  <html>  ট্যাগটি দ্বারা বুঝানো হয়েছে ওয়েব পেজটির  মূল উপাদান HTML
৩.  <head>  ট্যাগটি দ্বারা ওয়েব পেজটির মেটা ইনফরমেশন নির্দেশ করে।
৪.  <title>   ট্যাগটি দ্বারা ওয়েব পেজটির শিরোনাম নির্দেশ করে। <title> ট্যাগটি মেটা ইনফরমেশন অর্থাৎ <head> ট্যাগটির অন্তর্ভুক্ত।
৫.  <body>  ট্যাগটি দ্বারা বুঝানো হয়েছে দৃশ্যমান উপাদান। অর্থাৎ , <body> ট্যাগটির অন্তর্ভুক্ত সবকিছুই user রা দেখতে পারবে।
৬.  <h1>  ট্যাগটি দ্বারা বৃহৎ শিরোমানকে (Heading ) নির্দেশ করে। Heading নিয়ে পরবর্তীতে  একটি টিউটোরিয়াল করবো ইনশাআল্লাহ।
৭.  <p>  ট্যাগটি দ্বারা অনুচ্ছেদ বা প্যারাকে বুঝানো হয়েছে।

এই হলো উপরের  example টির ব্যাখ্যা।  আপনারা যারা HTML সম্পর্কে নতুন তাদের কাছে ব্যাখ্যাটি একটু জটিল মনে হতে পারে। আশা করি আস্তে আস্তে HTML সহজ হয়ে যাবে।

HTML Tags (ট্যাগ ):

এবার আসুন HTML  ট্যাগ নিয়ে কিছু আলোচনা করি।
১. HTML Tags মূলত একটি বন্ধনী দ্বারা আবৃত থাকে। দেখতে less than greater than (< >) এর মতো দেখায়। যেমনঃ <title>, <h1>, <p> ইত্যাদি।
২. HTML Tag মূলত জোড়ায় জোড়ায় ব্যবহার করতে হয়। যেমনঃ <title> এবং </title>, <p> এবং </p> (বুঝতে অসুবিধা হলে উপরের example টি দেখুন)
৩. HTML Tag যেহেতু জোড়ায় জোড়ায় ব্যবহার করতে হয় সেহেতু প্রতিটি জোড়ার আলাদা নাম রয়েছে। যেমনঃ <title> এবং </title> এখানে <title> বলা হয় start tag বা opening tag আর </title> বলা হয় end tag বা closing tag সুতরাং প্রতিটি start tag এর অবশই end tag থাকতে হবে। ধরুন আপনি যদি <p> start tag লিখে তাহলে অবশ্যই </p> end tag দিয়ে আপনার code টি শেষ করতে হবে।
৪. আপনি যদি একটু লক্ষ্য করেন start tag এবং end tag লিখার নিয়ম অনেকটা একই। কিন্তু end tag সর্বদাই একটি forward slash দিয়ে শেষ হয়।
HTML পরবর্তী টিউটোরিয়ালগুলো সবই HTML Tags (ট্যাগ ) সম্পর্কিত।
[post_ads_2]

Web Browsers

প্রতিটি ওয়েব পেজ দেখার জন্যে একটি browser এর প্রয়োজন হয়। ওয়েব ব্রাউজারের উদেশ্য হল HTML  এর ট্যাগগুলো পড়া এবং তা user কে প্রদর্শন করা। ওয়েব browser মূলত <body >........</body > এর অন্তরের ট্যাগগুলিই user দের কে প্রদর্শন করে। বর্তমানে জনপ্রিয় ওয়েব browser গুলো হল : (Chrome, Edge, Firefox, Safari)

HTML Page Structure (গঠন ):

একটি HTML Page Structure বা দেখতে কেমন হয় না দেওয়া হলো।
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Note: শুধুমাত্র browser এ <body> সেকশন (উপরে সাদা অংশটি) প্রদর্শিত হয়

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

মন্তব্যসমূহ

Name

2019,6,2020,7,২১ শে ফেব্রুয়ারি,2,Action,2,Actress,1,Adah Sharma,1,Aditya Roy Kapur,1,Alia Bhatt,1,Anil Kapoor,1,Bangla Love Quotes,2,Bank of Bangladesh,3,Biography,2,Bollywood Movie,12,Charur Biye,1,Deepika Padukone,1,Dia Mirza,1,Disha Patani,1,Emraan Hashmi,1,Entertainment,23,Folk Song,1,HTML,1,Kartik Aaryan,1,Lyrics,7,Meghna Gulzar,1,Mobile,1,Movie-C,1,Movie-D,1,Movie-G,1,Movie-L,1,Movie-M,2,Movie-P,1,Movie-S,1,Movie-T,2,Natural Photos,3,Nora Fatehi,1,Paragraph - #,1,Paragraph - A,6,Paragraph - B,1,Paragraph - D,3,Paragraph - I,1,Paragraph - M,1,Paragraph - N,1,Paragraph - O,1,Paragraph - T,2,Paragraphs,15,PC Wallpapers,2,Photography,2,Prabhu Deva,1,Rani Mukerji,1,Rishi Kapoor,1,Riteish Deshmukh,1,Routing Number,3,Samsung,1,Sara Ali Khan,1,Shraddha Kapoor,2,Taapsee Pannu,1,Tech,1,Tiger Shroff,1,Toni-Ann Singh,1,Varun Dhawan,1,Vedhika,1,Vidyut Jammwal,1,Wallpapers,2,অনুচ্ছেদ,7,আজান,1,ইংরেজি প্রবাদ বাক্য,3,ইসলাম ও জীবন,22,ইসলামিক বাণী,1,উক্তি,1,কবি পরিচিতি,1,কম্পিউটার ও তথ্য প্রযুক্তি,1,কাজী নজরুল ইসলাম,2,কুরআন,9,ছবি ঘর,4,জন্মদিনের কবিতা,4,জীবনানন্দ দাশ,13,জীবনানন্দ দাস,1,টিউটোরিয়াল,4,টেক নিউজ,1,টেলিটক,1,দেশাত্মবোধক গান,1,দেশের কবিতা,11,দোয়া,1,প্রকৃতির কবিতা,1,প্রবাদ - প্রবচন,1,প্রবাদ বাক্য,3,প্রেমের কবিতা,11,প্রেমের বাণী,1,ফজিলত,9,বাণী চিরন্তন,3,বাংলা ২য়,7,বাংলা SMS,1,বাংলা কবিতা,34,বাংলা ব্যাকরণ,1,বাংলা রচনা,24,বাংলা রচনা - #,1,বাংলা রচনা - অ,1,বাংলা রচনা - আ,4,বাংলা রচনা - ই,1,বাংলা রচনা - গ,1,বাংলা রচনা - চ,1,বাংলা রচনা - জ,2,বাংলা রচনা - ফ,1,বাংলা রচনা - ব,5,বাংলা রচনা - ম,4,বাংলা রচনা - শ,3,বাংলা রচনা - স,3,বাংলা লিরিক্স,6,বাংলা ল্যরিক্স,1,বিরহের কবিতা,9,বিসিএস প্রস্তূতি,1,বৃষ্টির কবিতা,2,বৈশাখের কবিতা,2,ভাবসম্প্রসারণ,30,ভাবসম্প্রসারণ-অ,5,ভাবসম্প্রসারণ-আ,3,ভাবসম্প্রসারণ-ক,4,ভাবসম্প্রসারণ-চ,1,ভাবসম্প্রসারণ-জ,1,ভাবসম্প্রসারণ-ত,1,ভাবসম্প্রসারণ-দ,2,ভাবসম্প্রসারণ-প,1,ভাবসম্প্রসারণ-ব,4,ভাবসম্প্রসারণ-ভ,1,ভাবসম্প্রসারণ-ম,1,ভাবসম্প্রসারণ-য,1,ভাবসম্প্রসারণ-শ,2,ভাবসম্প্রসারণ-স,3,ভাবসম্প্রসারণ-হ,1,ভালবাসা,1,ভালোবাসার বাণী,1,ভাষা সৈনিক।,1,মাক্কী সূরা,6,মাদানী সূরা,3,যিকির,4,রবীন্দ্রনাথ ঠাকুর,5,রুদ্র মুহম্মদ শহীদুল্লাহ,2,রুদ্র মুহাম্মদ শহীদুল্লাহ - বাণী,1,রেদোয়ান মাসুদ,11,লাইফস্টাইল,6,সাধারণ জ্ঞান,1,সালাত,2,সুনিল গঙ্গোপাধ্যায়,1,সূরা আল ইখলাস,1,সূরা আল ফাতিহা,1,সূরা লাহাব,1,স্বাস্থ্য কথা,7,হাদিস,3,হামদ-নাথ,1,
ltr
item
হ য ব র ল: HTML শিখুন বাংলা ভাষায় - পর্ব ১
HTML শিখুন বাংলা ভাষায় - পর্ব ১
প্রিয় পাঠক, কেমন আছেন সবাই? আজ আমি আপনাদের HTML সম্পর্কে বিস্তারিত ধারণা দিবো। যারা ওয়েব পেজ খুলতে আগ্রহী তাদের জন্যে এই পর্বটি অনেকটা উপকারে আসবে। কথা না বাড়িয়ে চলুন শুরু করা যাক।
https://1.bp.blogspot.com/-fACrt7Ko89A/XdZDFPRTzWI/AAAAAAAAEQs/6plbCT7LI14oK468YiPWAQXUBcIewZFrACLcBGAsYHQ/s1600/img_chrome.png
https://1.bp.blogspot.com/-fACrt7Ko89A/XdZDFPRTzWI/AAAAAAAAEQs/6plbCT7LI14oK468YiPWAQXUBcIewZFrACLcBGAsYHQ/s72-c/img_chrome.png
হ য ব র ল
https://www.hazabarolo.com/2019/11/html-learning.html
https://www.hazabarolo.com/
https://www.hazabarolo.com/
https://www.hazabarolo.com/2019/11/html-learning.html
true
5850489365169561151
UTF-8
Loaded All Posts কোন পোস্ট খুজে পাওয়া যায় নি। সবগুলো দেখুন আরও পড়ুন Reply Cancel reply Delete By হোম PAGES POSTS সবগুলো দেখুন আরও দেখুন বিভাগ আর্কাইভ খুঁজুন সবগুলো পোস্ট দুঃখিত!! আপনার অনুরোধের সাথে কোনও পোস্টের মিল খুঁজে পাওয়া যায় নি Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec এই মাত্র 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content