Home / HTML / টিউটোরিয়াল / HTML শিখুন বাংলা ভাষায় - পর্ব ১

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

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

what's hot

    প্রিয় পাঠক, কেমন আছেন সবাই? আজ আমি আপনাদের 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,20,Biography,2,Bollywood Movie,12,Charur Biye,1,Deepika Padukone,1,Dia Mirza,1,Dictionary,42,Disha Patani,1,Educational,50,Emraan Hashmi,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,Nora Fatehi,1,Paragraph - #,1,Paragraph - A,6,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 - T,2,Paragraph - W,1,Paragraphs,23,PC Wallpapers,2,Photography,2,Prabhu Deva,1,Rani Mukerji,1,Rishi Kapoor,1,Riteish Deshmukh,1,Romantic Shayari,2,Routing Number,20,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,37,Word-B,4,Word-D,1,অনুচ্ছেদ,58,আজান,1,আয়াতুল কুরসী,2,আল-কুরাইশ বাংলা অনুবাদ,1,ইউটিউব,1,ইংরেজি প্রবাদ বাক্য,9,ইসলাম ও জীবন,74,ইসলামিক বাণী,1,উক্তি,1,কবি পরিচিতি,1,কম্পিউটার ও তথ্য প্রযুক্তি,1,কম্পিউটার রচনা,1,করোনা ভাইরাস,3,কাজী নজরুল ইসলাম,3,কুরআন,22,কৃষিকাজে বিজ্ঞান বাংলা রচনা,1,কোরবানি,3,গুগল,1,ঘুম থেকে জেগে উঠার দোয়া,1,ছবি ঘর,4,জন্মদিনের কবিতা,4,জানেন কি,1,জিকির,1,জীবনানন্দ দাশ,13,জীবনানন্দ দাস,1,টিউটোরিয়াল,5,টেক নিউজ,1,টেলিটক,1,ডেঙ্গুজ্বর রচনা,1,দেশাত্মবোধক গান,1,দেশের কবিতা,11,দোয়া,34,নারীর ক্ষমতায়ন রচনা,1,পাঁচ (৫) কালেমা,1,প্রকৃতির কবিতা,1,প্রবাদ - প্রবচন,4,প্রবাদ বাক্য,8,প্রেমের কবিতা,11,প্রেমের বাণী,1,ফজিলত,16,বাণী চিরন্তন,10,বাংলা ২য়,32,বাংলা SMS,1,বাংলা কবিতা,34,বাংলা ব্যাকরণ,4,বাংলা রচনা,49,বাংলা রচনা - এ,1,বাংলা রচনা - ত,2,বাংলা রচনা - #,1,বাংলা রচনা - অ,1,বাংলা রচনা - আ,5,বাংলা রচনা - ই,2,বাংলা রচনা - ক,2,বাংলা রচনা - গ,1,বাংলা রচনা - চ,3,বাংলা রচনা - ছ,1,বাংলা রচনা - জ,4,বাংলা রচনা - ড,1,বাংলা রচনা - ফ,1,বাংলা রচনা - ব,9,বাংলা রচনা - ম,8,বাংলা রচনা - শ,4,বাংলা রচনা - স,8,বাংলা লিরিক্স,6,বাংলা ল্যরিক্স,1,বিরহের কবিতা,9,বিসিএস প্রস্তূতি,1,বৃষ্টির কবিতা,2,বৈশাখের কবিতা,2,ভাবসম্প্রসার-ন,1,ভাবসম্প্রসারণ,116,ভাবসম্প্রসারণ-অ,11,ভাবসম্প্রসারণ-আ,7,ভাবসম্প্রসারণ-উ,1,ভাবসম্প্রসারণ-এ,3,ভাবসম্প্রসারণ-ক,10,ভাবসম্প্রসারণ-ঘ,1,ভাবসম্প্রসারণ-চ,4,ভাবসম্প্রসারণ-ছ,1,ভাবসম্প্রসারণ-জ,4,ভাবসম্প্রসারণ-ত,5,ভাবসম্প্রসারণ-দ,8,ভাবসম্প্রসারণ-ধ,1,ভাবসম্প্রসারণ-ন,2,ভাবসম্প্রসারণ-প,10,ভাবসম্প্রসারণ-ব,8,ভাবসম্প্রসারণ-ভ,2,ভাবসম্প্রসারণ-ম,7,ভাবসম্প্রসারণ-য,9,ভাবসম্প্রসারণ-র,3,ভাবসম্প্রসারণ-ল,1,ভাবসম্প্রসারণ-শ,4,ভাবসম্প্রসারণ-স,15,ভাবসম্প্রসারণ-হ,1,ভালবাসা,1,ভালোবাসার বাণী,1,ভাষা সৈনিক।,1,মাক্কী সূরা,18,মাদানী সূরা,4,মানবকল্যানে বিজ্ঞান রচনা,1,যিকির,29,রচনা - ন,2,রচনা তথ্যপ্রযুক্তি ও বাংলাদেশ,1,রবীন্দ্রনাথ ঠাকুর,5,রান্না ঘর,1,রুদ্র মুহাম্মদ শহীদুল্লাহ,5,রুদ্র মুহাম্মদ শহীদুল্লাহ - বাণী,2,রেদোয়ান মাসুদ,11,লাইফস্টাইল,9,শবে বরাত,1,শবে বরাতের ফজিলত,1,শৃঙ্খলাবােধ রচনা,1,সমাস,3,সাধারণ জ্ঞান,10,সালাত,2,সুনিল গঙ্গোপাধ্যায়,1,সূরা আল ইখলাস,1,সূরা আল ফাতিহা,1,সূরা আল-মাউন আরবি বাংলা উচ্চারণ,1,সূরা ফীল অর্থসহ বাংলা উচ্চারণ,1,সূরা লাহাব,1,স্বাবলম্বন রচনা,1,স্বাস্থ্য কথা,11,হাদিস,3,হামদ-নাথ,1,হুমায়ূন আজাদ,1,হুমায়ূন আহমেদের বাণী,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 সবগুলো দেখুন আরও দেখুন... LABEL আর্কাইভ খুঁজুন সকল পোস্ট কোন পোস্ট খুঁজে পাওয়া যায় নি। 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