Tipjano.Com
আমাদের সাইটে ভিজিট করার জন্য আপনাকে ধন্যবাদ। প্রতিটা টিউনে লাইক এবং আপনার মন্তব্য দেয়ার চেষ্টা করবেন।
Post Creator Info
Contributor
Online
's Bio

You don't have to be great to start, But,, You have to start to be great!!!!
Home » ওয়েব ডিজাইন » Html5 সব কিছু শিখুন ঘরে বসে পার্ট-১
Html5 সব কিছু শিখুন ঘরে বসে পার্ট-১

প্রযুক্তি.কম

Html5 সব কিছু শিখুন ঘরে বসে পাট-১: এ স্বাগতম।আসসালামু আলাইকুম।
সরাসরি পোস্ট এ চলে যাই:—,,

আজ কথা বলবো এইচটিএমএল নিয়ে।যারা ওয়েব ডেভলপিং অথবা ওয়েব ডিজাইন শিখতে চান।এই পোস্ট টি তাদের জন্য।HTML5
Let’s Get Started•••••¿Html5 সব কিছু শিখুন

Html5 সব কিছু শিখুন

ভূমিকা

HTML এর পূর্ণরূপ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়।ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে শিখতে হবে। এটা খুব সহজ এবং শিখতে খুবই মজা পাবেন।

মোবাইল থেকে কোডিং করতে প্লে স্টোর থেকে Quoda অ্যাপস টি ডাউনলোড করে নিন।এটা বেস্ট।
এইচটিএমএল শিখতে যে শব্দগুলি ভালভাবে জানা দরকারঃ
••• ELEMENT
•••HTML TAG
•••HTML ATTRIBUTE

এগুলোর বিষয়ে পরিষ্কার ধারনা থাকতে হবে।

ট্যাগ

HTML প্রোগ্রামের মধ্যে <> এবং দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body এগুলোকে Keyword বলে এবং <> বা চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে ট্যাগ বলা হয়। যেমন অর্থ head ট্যাগ।
HTML এ দুই ধরনের ট্যাগ রয়েছে , <> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শুরু ট্যাগ এবং চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শেষ ট্যাগ বলে।
যেমন < title> অর্থ title শুরু ট্যাগ এবং অর্থ title শেষ ট্যাগ।
সুতরাং,এর মাঝে যা লেখা হবে সেটা Browser এর Title Bar এ দেখা যাবে।
কিছু কিছু ট্যাগ আছে এগুলির ক্লজিং ট্যাগ নেই যেমন ইনপুট ট্যাগ (), ইমেজ ট্যাগ (), লাইন ব্রেক ট্যাগ (
) ইত্যাদি। এই ট্যাগগুলি সামান্য একটু ভিন্ন।
পরবর্তী টিউটোরিয়াল গুলতে বিস্তারিত আলচনা করা হবে।

প্রাথমিক ধারণা

নিচে একটা সাধারন এইচটিএমএল ডকুমেন্ট দেয়া হল এবং এর প্রতিটি অংশের বিস্তারিত বর্ননা করা হচ্ছে:

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

html ট্যাগ ():
HTML এ প্রোগ্রাম লেখার জন্য সমস্ত code কে এর মাঝে লেখা হয়।

head ট্যাগ ():
এর ভেতরেট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়। এই code এ title হিসেবে Home লেখা হয়েছে যা ব্রাউজারের title bar এ দেখা যাচ্ছে।
এছাড়া css এর stylesheet কে head ট্যাগের মধ্যেই call করা হয় এবং JavaScript/ jquery ও এর মধ্যে লেখা হয়।

body ট্যাগ ():
বা body ট্যাগ খুবই গুরুত্বপূর্ণ। একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে । ট্যগের মধ্যেই বিভিন্ন Text , Image, Table ইত্যাদি ফরমেটিং এর জন্য বিভিন্ন ট্যাগ সমূহ লেখা হয় । এই code এ ট্যগের মধ্যে “এসো আমরা বাংলা ভাসায় HTML শিখি।” লেখা হয়েছে যা ব্রাউজারের মূল অংশে প্রদর্শিত হবে।

এলিমেন্ট

HTML এ যেকোন শুরু ও শেষ ট্যাগ এবং মাঝের অংশকে ইলিমেন্ট বলা হয়।
যেমন

এটা হচ্ছে প্রথম হেডার।

এখানে এবং
শেষ ট্যাগের মাঝে “এটা হচ্ছে প্রথম হেডার।” লেখা হয়েছে, তাই “এটা হচ্ছে প্রথম হেডার।” একটি ইলিমেন্ট।
কিছু কিছু ট্যাগের কোন ইলিমেন্ট থাকে না যেমন
, ইত্যাদি।
EXAMPLE —

হেড এলিমেন্ট

হেড ট্যাগ বা এবং হেড ইলিমেন্ট যেকোন HTML পেজের একটি গুরুত্বপূর্ণ অংশ। কারণ এর মধ্যে অর্থাৎ হেড ইলিমেন্ট হিসেবেট্যাগ ব্যবহার করা হয়।

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

লিংকঃ
CSS স্টাইল সিট এর সাথে লিংক করার জন্য ব্যবহার করা হয়।

মেটা ইলিমেন্টঃ
মেটা সার্চ ইন্জিন অপটিমাইজেশনের জন্য গুরুত্বপূর্ণ কাজ করে থাকে। বিষয়টি পববর্তী লেখায় বিস্তারিত আলোচনা করা হবে।

স্টাইলঃ
ইনটার্নাল স্টাইল সিট ব্যবহারের জন্য

ট্যাগ ব্যবহার করা হয়। যেমনঃ

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

তো ভাই,আজ এই পর্যন্ত।পোস্ট টি যদি ভালো লেগে থাকে তো অবশ্যই পোস্ট এ একটা লাইক দিবেন।আপনার মতামত জানানোর জন্য কমেন্ট বক্স উন্মুক্ত রয়েছে।এবং আমাদের সাইটে (প্রযুক্তি.কম প্রতিদিন ভিজিট করুন।সঙ্গে থাকুন।ধন্যবাদ।আবার দেখা হবে পার্ট -২ এ।
আসসালামুয়ালাইকুম।

Read More


Post Date: April 3, 2020 Total: 162 Views

Leave a Reply on Tipsjano.Com

Copyright © 2018 All rights reserved.