web design ctg View RSS

No description
Hide details



আসুন জেনে নেই , HTML কি এবং কিছু HTML এর ট্যাগ এর ব্যাখা I নতুনদের জন্য 28 Aug 2014 12:16 AM (10 years ago)


ন্ধুরা , আপনারা সবাই কেমন আছেন ? আশা করি ভালো আছেন এবং আমিও  ভালো আছি  । আজ আমি আমার প্রথম টিউন শুরু করতে যাচ্ছি । ওয়েব ডিজাইন এবং ডেভলপমেন্ট এর শুরু যা দিয়ে হয় সেই,  HTML নামক গুরুত্বপূর্ণ বিষয় নিয়ে । তাহলে চলুন শুরু করা যাক ,
আসুন প্রথমে জেনে নেই  HTML -এইচটিএমএল  কি ?
=> এইচটিএমএল ওয়েব পেজ বর্ণনা করার জন্য একটি ভাষা
=> এইচটিএমএল একটি হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
=> মানে এইচটিএমএল একটি মার্কআপ ভাষা
=> একটি মার্কআপ ভাষা একাধিক মার্কআপ ট্যাগ এর একটি সেট
=> এইচটিএমএল ট্যাগ দ্বারা ডকুমেন্ট এর কন্টেন্ট সমুহকে বর্ণনা করা হয়
=> এইচটিএমএল ডকুমেন্ট এইচটিএমএল ট্যাগ এবং প্লেইন টেক্সট ধারণ করে
=> এইসব এইচটিএমএল ডকুমেন্ট কে এক কথায় ওয়েব পেজ বলা হয়
নিচের কোড সহ HTML এর কিছু ট্যাগ ব্যাখা  করা হলঃ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

কোডঃ HTML5 

উদাহরণ ব্যাখ্যাঃ
১। উল্লেখ্যঃ <! DOCTYPE html> ট্যাগ HTML5 এর জন্য এই  DOCTYPE হয় ব্যবহার করা হয় । কোডিং শুরু হবে <html> ট্যাগ দিয়ে , আর শেষ হবে </ html> ট্যাগ দিয়ে এর ভিতরেই কোডিং করতে হবে ।
২। <html> এবং </ html> ট্যাগ এর মধ্যে দেওয়া তথ্যগুলো আপনার ওয়েব পাতা বর্ণনা করে । কি কি তথ্য উপাদান দিয়ে আপনার ওয়েব সাইটটি তৈরি করা হয়েছে তার বরনা করে ।
৩। <body> এবং </ body> ট্যাগ এর মধ্যে থাকা তথ্যগুলো ব্রাউজারে দৃশ্যমান হবে । জি, আমরা শুধু <body> এবং </ body> ট্যাগ এর মধ্যে থাকা তথ্য গুলো ব্রাউজারে দেখতে পাই ।
৪। <h1> এবং </ H1> ট্যাগ মধ্যে লেখা একটি শিরোনাম হিসেবে প্রদর্শিত হয় আমরা যাকে টাইটেল বলি ইংরেজিতে , এছাড়া অন্য ক্ষেত্রে ও এর ব্যবহার করা হয় , যেটা আমরা পরে শিখব ।
৫ । <p> এবং </ P> ট্যাগ মধ্যে লেখা একটি অনুচ্ছেদ হিসেবে প্রদর্শন করা হয় , একে প্যারাগ্রাফ ট্যাগ বলা হয় । কোন তথ্যকে প্যারা করে সাজিয়ে লিখতে গেলে এই ট্যাগ ব্যবহার করা হয়
*** কোডগুলো আপনার  নোটপ্যাড++  এ ওপেন করুন । নিজে নিজে লিখে চেস্টা করতে থাকুন । লেখা হলে সেভ করুন । তারপর রান অপশন এ গিয়ে যেকোন একটি ব্রাউজার দিয়ে রান করে দেখুন আপনার কোডিং কেমন হল । ভালো থাকবেন ।  8-)

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?