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

প্রিয় পাঠক, কেমন আছেন সবাই? আজ আমি আপনাদের 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> সেকশন (উপরে সাদা অংশটি) প্রদর্শিত হয়

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



মন্তব্যগুলো দেখান

BLOGGER: 1
Name

১ম সপ্তাহ,12,১ম সপ্তাহ - অ্যাসাইনমেন্ট ২০২১,12,2019,6,2020,7,২১ শে ফেব্রুয়ারি,2,২য় সপ্তাহ,4,২য় সপ্তাহ - অ্যাসাইনমেন্ট ২০২১,15,৩য় সপ্তাহ,4,৩য় সপ্তাহ - অ্যাসাইনমেন্ট ২০২১,34,৪ র্থ সপ্তাহ - অ্যাসাইনমেন্ট ২০২১,4,৪র্থ সপ্তাহ,4,5th week,4,৬ম সপ্তাহ,4,Action,2,Actress,1,Adah Sharma,1,Aditya Roy Kapur,1,Africa,1,Alia Bhatt,1,Anil Kapoor,1,Assignment,233,Assignment 2021,56,Bangla Love Quotes,3,Bangladesh,3,Bank of Bangladesh,50,Biography,2,Bollywood Movie,12,Charur Biye,1,Class 3rd week,2,Class 6 3rd week,8,CLass 6 3rd week english,1,Class 6 4th week,1,Class 6 4th week biggan,3,Class 6 5th week,1,Class 6 5th week Biggan,4,Class 6 5th week Islam,3,Class 6 6th week,7,Class 7 3rd week,10,Class 7 4th week,3,Class 7 5th Biggan,6,Class 7 5th week,1,Class 7 5th week Islam,3,Class 7 6th week,11,Class 8 3rd week,8,Class 8 4th week,1,Class 8 5th week,8,Class 8 6th week,6,Class 8 English 4th week,1,Class 9 3rd week,1,Class 9 4th week,1,Class 9 5th week,8,Dakhil Class Krishi Sikkha,1,Deepika Padukone,1,Dia Mirza,1,Dialogue Writing,3,Dictionary,44,Disha Patani,1,Educational,173,Emraan Hashmi,1,English,1,English 2nd Paper,1,Entertainment,23,Excel Tutorail,1,Folk Song,1,Health,10,Hindi,1,Hindi Shayari,5,HTML,1,Kartik Aaryan,1,Love Shayari,2,Lyrics,7,Meghna Gulzar,1,Missing You Shayari,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,MS Word,2,Natural Photos,3,Nigeria,1,Nora Fatehi,1,Paragraph - #,1,Paragraph - A,7,Paragraph - B,1,Paragraph - D,3,Paragraph - E,2,Paragraph - I,2,Paragraph - M,3,Paragraph - N,1,Paragraph - O,1,Paragraph - P,1,Paragraph - R,1,Paragraph - S,1,Paragraph - T,2,Paragraph - W,1,Paragraphs,30,PC Wallpapers,2,Photography,2,Postal Code,3,Prabhu Deva,1,Rani Mukerji,1,Rishi Kapoor,1,Riteish Deshmukh,1,Romantic Shayari,2,Routing Number,50,Sad Shayari,1,Samsung,1,Sara Ali Khan,1,Shraddha Kapoor,2,Taapsee Pannu,1,Tech,2,Tiger Shroff,1,Toni-Ann Singh,1,Tutorail,1,Varun Dhawan,1,Vedhika,1,Vidyut Jammwal,1,Wallpapers,2,Word-A,39,Word-B,4,Word-D,1,Writing Dialogue,1,Writing Letter,1,অনুচ্ছেদ,105,অনুচ্ছেদ - অ,1,অনুচ্ছেদ - আ,2,অনুচ্ছেদ - ই,2,অনুচ্ছেদ - এ,2,অনুচ্ছেদ - ক,3,অনুচ্ছেদ - ক্র,1,অনুচ্ছেদ - খ,1,অনুচ্ছেদ - গ,2,অনুচ্ছেদ - ঘ,1,অনুচ্ছেদ - ন,1,অনুচ্ছেদ - ব,7,অনুচ্ছেদ - ভ,1,অনুচ্ছেদ - ম,3,অনুচ্ছেদ - য,1,অনুচ্ছেদ - শ,5,অনুচ্ছেদ - স,3,অষ্টম শ্রেণি,2,আজান,1,আয়াতুল কুরসী,2,আল-কুরাইশ বাংলা অনুবাদ,1,ই-লার্নিং,1,ইউটিউব,1,ইফতার,1,ইফতারের দোয়া,1,ইংরেজি প্রবাদ বাক্য,13,ইসমে আজম,1,ইসলাম ও জীবন,112,ইসলামিক বাণী,1,উক্তি,1,কথা বলার আদব,1,কবি পরিচিতি,1,কম্পিউটার ও তথ্য প্রযুক্তি,1,কম্পিউটার রচনা,1,করোনা ভাইরাস,3,কাজী নজরুল ইসলাম,3,কুরআন,28,কৃষিকাজে বিজ্ঞান বাংলা রচনা,1,কোরবানি,3,গুগল,1,ঘুম থেকে জেগে উঠার দোয়া,1,ছবি ঘর,5,জন্মদিনের কবিতা,4,জানা-অজানা,3,জানেন কি,1,জিকির,1,জিজ্ঞাসা,1,জীবনানন্দ দাশ,13,জীবনানন্দ দাস,1,জুমা,1,টিউটোরিয়াল,5,টেক নিউজ,1,টেলিটক,1,ডেঙ্গুজ্বর রচনা,1,দেশাত্মবোধক গান,1,দেশের কবিতা,11,দোয়া,47,দোয়া ইউনুস,1,নবম শ্রেণি,2,নারীর ক্ষমতায়ন রচনা,1,পঞ্চম সপ্তাহ,4,পাঁচ (৫) কালেমা,1,প্রকৃতির কবিতা,1,প্রতিবেদন,1,প্রবাদ - প্রবচন,8,প্রবাদ বাক্য,10,প্রাচীন বাংলার ইতিহাস,2,প্রেমের কবিতা,11,প্রেমের বাণী,1,ফজিলত,17,বই মেলা,1,বাণী চিরন্তন,11,বাংলা ২য়,36,বাংলা SMS,1,বাংলা কবিতা,34,বাংলা ব্যাকরণ,6,বাংলা রচনা,79,বাংলা রচনা - এ,2,বাংলা রচনা - ত,3,বাংলা রচনা - #,1,বাংলা রচনা - অ,1,বাংলা রচনা - আ,7,বাংলা রচনা - ই,2,বাংলা রচনা - ক,2,বাংলা রচনা - গ,1,বাংলা রচনা - চ,4,বাংলা রচনা - ছ,1,বাংলা রচনা - জ,8,বাংলা রচনা - ড,1,বাংলা রচনা - ফ,1,বাংলা রচনা - ব,17,বাংলা রচনা - ম,9,বাংলা রচনা - য,2,বাংলা রচনা - শ,5,বাংলা রচনা - স,12,বাংলা লিরিক্স,6,বাংলা ল্যরিক্স,1,বিরহের কবিতা,9,বিশ্ব ভালোবাসা দিবস,1,বিসিএস প্রস্তূতি,1,বৃষ্টির কবিতা,2,বৈশাখের কবিতা,2,ভাবসম্প্রসার-ক,1,ভাবসম্প্রসার-ন,1,ভাবসম্প্রসারণ,124,ভাবসম্প্রসারণ-অ,11,ভাবসম্প্রসারণ-আ,7,ভাবসম্প্রসারণ-উ,1,ভাবসম্প্রসারণ-এ,3,ভাবসম্প্রসারণ-ক,10,ভাবসম্প্রসারণ-ঘ,1,ভাবসম্প্রসারণ-চ,4,ভাবসম্প্রসারণ-ছ,1,ভাবসম্প্রসারণ-জ,6,ভাবসম্প্রসারণ-ত,5,ভাবসম্প্রসারণ-দ,10,ভাবসম্প্রসারণ-ধ,3,ভাবসম্প্রসারণ-ন,2,ভাবসম্প্রসারণ-প,10,ভাবসম্প্রসারণ-ব,8,ভাবসম্প্রসারণ-ভ,2,ভাবসম্প্রসারণ-ম,8,ভাবসম্প্রসারণ-য,9,ভাবসম্প্রসারণ-র,3,ভাবসম্প্রসারণ-ল,1,ভাবসম্প্রসারণ-শ,4,ভাবসম্প্রসারণ-স,15,ভাবসম্প্রসারণ-হ,1,ভালবাসা,1,ভালোবাসার বাণী,1,ভাষা আন্দোলন,1,ভাষা সৈনিক।,1,মাক্কী সূরা,22,মাদানী সূরা,4,মানবকল্যানে বিজ্ঞান রচনা,1,যিকির,34,রচনা - এ,1,রচনা - ন,5,রচনা - প,5,রচনা - র,1,রচনা - ষ,1,রচনা তথ্যপ্রযুক্তি ও বাংলাদেশ,1,রবীন্দ্রনাথ ঠাকুর,5,রমজান,5,রান্না ঘর,1,রুদ্র মুহাম্মদ শহীদুল্লাহ,5,রুদ্র মুহাম্মদ শহীদুল্লাহ - বাণী,2,রেদোয়ান মাসুদ,11,লাইফস্টাইল,9,শবে বরাত,1,শবে বরাতের ফজিলত,1,শৃঙ্খলাবােধ রচনা,1,ষষ্ঠ শ্রেণি,2,সপ্তম শ্রেণি,2,সংবাদপত্র রচনা,1,সমাস,5,সাইয়েদুল ইস্তেগফার,1,সাধারণ জ্ঞান,24,সারমর্ম,25,সারমর্ম - অ,4,সারমর্ম - আ,2,সালাত,2,সুনিল গঙ্গোপাধ্যায়,1,সূরা আল ইখলাস,1,সূরা আল ফাতিহা,1,সূরা আল-মাউন আরবি বাংলা উচ্চারণ,1,সূরা ফীল অর্থসহ বাংলা উচ্চারণ,1,সূরা লাহাব,1,সূরা হাশরের শেষ তিন আয়াত,1,স্বশিক্ষা অর্জনে বই পড়ার গুরুত্ব,1,স্বাবলম্বন রচনা,1,স্বাস্থ্য কথা,11,হাদিস,3,হামদ-নাথ,1,হুমায়ূন আজাদ,1,হুমায়ূন আহমেদের বাণী,1,
ltr
item
Hazabarolo.com: 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
Hazabarolo.com
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 কোন পোস্ট খুঁজে পাওয়া যায় নি। সবগুলো দেখুন আরও পড়ুন উত্তর উত্তর বাতিল করুন 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