Monday, December 21, 2020

HTML ও CSS পরিচিতি

HTML ও CSS



HTMLও CSS পরিচিতিঃ

আজকে আমরা জানবো htmlcss সম্পর্কে।আরো জানব htmlcss দিয়ে কীভাবে ওয়েবপেজ ডিজাইন করতে হয়।

htmlcss কোডগুলো কোন সফটওয়্যারে লিখতে হবে সেই সম্পর্কেও আজকে জানব। ওয়েব ডেভেলপার হতে গেলে এইসব ল্যাংগুয়েজ গুলো প্রথমে শিখতে হয়


HTML কোনো প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়,এটি একটি কম্পিউটার ল্যাংগুয়েজ। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে,আর সেই ওয়েব পেজের মূল উপাদান রং ও বিভিন্ন স্টাইল তৈরি করা হয় CSS দিয়ে।এ সম্পর্কে আমরা পরে জানব। HTML এর পূর্ণরূপ হলো Hyper Text Mark Up LanguageMark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTMLMark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।আর এই পেজের স্টাইল দিতে হয় CSS দিয়ে।


HTML এর ভার্সন সমূহঃ 

  1. HTML: প্রকাশিত ১৯৯১ সালে
  2. HTML 2.0 : প্রকাশিত  ১৯৯৫ সালে
  3. HTML 3.2 : প্রকাশিত ১৯৯৭ সালে
  4. HTML 4.01 : প্রকাশিত  ১৯৯৯ সালে
  5. XHtml : প্রকাশিত ২০০০ সালে
  6. HTML 5: প্রকাশিত ২০১২ সালে


  • CSS হলো Cascading Style Sheet.সহজ ভাষায় ওয়েব পেজের বিভিন্ন আকার আকৃতি, গঠন ও কালার নির্দেশ করতে হয় CSS দিয়ে।


এখন আমরা সহজ কিছু html ট্যাগ ব্যবহার করে একটি পেজ তৈরি করব। কিন্তু তার আগে আমাদের একটা সফটওয়্যার দরকার হবে।যাদের কম্পিউটার আছে তারা Notepad++ ব্যাবহার করতে পার। সবচেয়ে মজার ব্যাপার হলো অ্যান্ড্রয়েড ফোনে htmlcss শেখা যায়।তার জন্য Anwriter free নামের একটি অ্যাপস গুগল প্লে স্টোর থেকে ইন্সটল করতে হবে। 

HTML প্রোগ্রামের মধ্যে <> এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু ওয়ার্ড লিখতে হয়।যেমনঃ html,head,title,body এগুলো কে কিওয়ার্ড বলে । <> অথবা </> এর মাঝে লেখা কিওয়ার্ড কে ট্যাগ বলে ।যেমনঃ <title></title>HTML এ দুই ধরনের ট্যাগ রয়েছে। <> এর ভিতর লেখা কিওয়ার্ড সহ শুরুর ট্যাগ আর </> এর ভিতর লেখা কিওয়ার্ড হলো শেষ ট্যাগ।যেমনঃ <title> হলো শুরুর ট্যাগ আর </title> হলো শেষ ট্যাগ।

HTML শুরু করতে হয় <html> দিয়ে আর শেষ করতে হয় </html> ট্যাগ দিয়ে । আর এর ভিতর লিখতে হয় অন্য কোডগুলো।যেমন এর ভিতর লেখা হয় <title> </title> ।এই <title></title> এর ভিতর যা লেখা হয় তা ব্রাউজার এর title বারে দেখা যায়। এখন আমরা সহজ একটা ওয়েব পেজ তৈরি করব এবং এর প্রতিটি অংশ বর্ননা করব।

html and css


<!DOCTYPE html> ট্যাগঃ

<!DOCTYPE html> হলো ডকুমেন্টটি কী ধরনের তা বুঝানোর জন্য ব্রাউজার কে নির্দেশ দেওয়া। html এর কোন ভার্সন ব্যাবহার করা হচ্ছে তা বুঝানোর জন্য এই নির্দেশ দেওয়া হয়।যেমনঃ <!DOCTYPE html> হলো HTML 5 ভার্সনের।

html ট্যাগঃ

HTML এর প্রোগ্রাম লেখার জন্য সমস্ত কোড <html> এবং </html> ট্যাগের ভিতরে লিখতে হয়।

head ট্যাগঃ

আমরা জানি Head অর্থ মাথা।ঠিক তেমনি ওয়েব পেজের মাথা হলো এই Head ট্যাগ।<title> এবং </title> ট্যাগ লেখা হয় <head></head> ট্যাগের ভিতরে।<title> </title> ট্যাগের ভিতরে যা লেখা হয় তা ওয়েবসাইটের টাইটেল বারে প্রদর্শিত হয় অথবা ব্রাউজারের টাইটেল বারে দেখা যায়। যেমনঃ আমরা লিখেছি 'এটা ব্রাউজারের টাইটেল বারে দেখা যাবে ' । ব্রাউজারে রান করে দেখ টাইটেল বারে এই লেখাটি প্রদর্শিত হবে।CSS Style Sheet এখানেই লেখা হয়। শুধু তাই নয় এখানে javascriptjquery লেখা হয়ে থাকে।

body ট্যাগঃ

আমরা জানি body অর্থ দেহ। ঠিক তেমনি ওয়েব পেজের একটি দেহ আছে।যা লিখতে হয় body ট্যাগ ব্যবহার করে।

<body> এবং </body> একটি গুরুত্বপূর্ণ ট্যাগ।কারণ এর ভিতরেই ওয়েবসাইটের মূল কন্টেন্টগুলো লেখা হয়।যেমনঃ Image, Video, Audio,Text, Table এগুলো ফরমেটিং এর জন্য অনন্য ট্যাগ সমূহ এখানেই লিখতে হয়।যেমনঃ এখানে আমরা একটা Text লিখেছি 'রুদ্র টেক বার্তায় স্বাগতম'। এটি ব্রাউজারে রান করলে মূল কন্টেন্টে দেখা যাবে।

প্রোগ্রামিং ভালোবাসি আর ধর্মকে সাথে করে বাঁচতে চাই।অন্যায় আর অধর্মকে ঘৃণা করি।বইয়ের সাথে আমার প্রচুর ভাব। আমার প্রফেশনাল পরিচয় হলো "কম্পিউটারের পোকা"।

2 comments: