HTML শিখুন (পর্ব -৮)

আসালামু আলাইকুম!! আজকে আমি হাজির হয়েছি HTML সিরিজের শেষ পর্ব নিয়ে।

আজকের পর্বে যা যা থাকবেঃ—

---

1. যে বিষয়গুলো বাদ পড়ে গেছে।
2. কিছু প্রশ্নের উত্তর।
3. কিভাবে প্র্যাকটিস করব??
4. ভুলে যেন না যায় তার জন্য কি করব??
5. নেক্সট লেভেল কি হবে??
6. কমেন্টের সাজেশন গুলোর উত্তর।
7. উপসংহার।
   

   ---

যে বিষয়গুলো বাদ পড়ে গেছে।

আমি শেষ পর্বগুলোতে কিছু বিষয় বাদ পড়ে গেছে আমি সেগুলোই এখন কভার করে দেব।

HTML Semantic Element

আগের HTML4 এবং অন্যান্য ভার্সন এ

দিয়ে অনেক কাজ করা হতো। কিন্তু ওখন সেটা কমিয়ে অনেক স্মার্ট করা হয়েছে!!

Semantic বলতে ওয়েব পেজের অনেক গুলো পার্ট আছে। এখন সেগুলোই দেখাবো।

header —> এটা একদম উপরের পার্ট। এখানে থাকে সাইটের লোগো, নাম, ব্যানার থাকে। আবার কোন আর্টিকেল এর হেডিং দিতেও

ব্যবহৃত হয়!!

nav —> এটা হলো ন্যাভিগেশন বার। মানে, সাইটের ট্যাব, সার্চ বার থাকে এখানে।

aside —> এটা সাইটের বাম বা ডান পাশে থাকে। সাইটের ক্যাটেগরি, ক্যালেন্ডার, Archive ইত্যাদি এখানে থাকে। আবার কোন ব্লগ সাইটের পোস্ট হলে, পোস্টের অথর এর নাম ও এখানে দেই অল্প একটু প্রোফাইল সহ।

Section —> এখানে থাকে সাইটের মুল কথাগুলো!! মানে, হেডিং সহ অন্যান্য বিষয় গুলো। যদি ব্লগ সাইট হয় বা এরকম কোন ফোরাম সাইট তাহলে প্রথম পেজ হয় এই section

article —-> এটা সাইটের বিভিন্ন ব্লগ পোস্ট, আর্টিকেল ইত্যাদির জন্য বরাদ্দ!! কোন ব্লগ বা ফোরাম সাইট হলে এই আর্টিকেল এর জন্য আলাদা পেজ থাকে।

Footer —-> এখানে সাইটের কপিরাইট ইস্যু থাকে। লাইসেন্স বা এরকম বিষয়গুলো প্রাধান্য পায় এখানে। কন্টাক্ট বা সাইটের অথর এর নামও থাকে এখানে।

figure —-> কোন সাইটের পোস্টে এরকম থাকতেই পারে যে একটা ইমেজ এর সাথে ক্যাপশন আছে। সেক্ষেত্রে figure ব্যবহৃত হয়।

এই কাজগুলো করার জন্য উক্ত এলিমেন্ট গুলো ব্যবহার করলেই চলে। নিচের উদাহরণ দেখলেই বুঝবেন!!

Figure Element

<figure>
  <img src="pic_mountain.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - The Pulpit Rock, Norway.</figcaption>
</figure>

Aside Element

<p>My family and I visited The Epcot center this summer.</p>

<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

Nav Element

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |

  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

Footer Element

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p>Contact information: <a href="mailto:[email protected]">
  [email protected]</a>.</p>
</footer>

Article Element

<article>
  <h1>What Does WWF Do?</h1>
  <p>WWF's mission is to stop the degradation of our planet's natural environment,
  and build a future in which humans live in harmony with nature.</p>
</article>

Header Element

<article>
  <header>
    <h1>What Does WWF Do?</h1>
    <p>WWF's mission:</p>
  </header>
  <p>WWF's mission is to stop the degradation of our planet's natural environment,
  and build a future in which humans live in harmony with nature.</p>
</article>

কিছু বাদ গেলে ইমেইল করুন!! ইনশাল্লাহ!! আপডেট করে দেব!!

কিছু প্রশ্নের উত্তরঃ–

---

প্রশ্ন-১ :- আমি সবগুলো পর্ব পড়েছি কিন্তু মনে হচ্ছে কিছুই পারছি না।

উত্তরঃ– আপনি হয়তো যখন পর্ব গুলো পড়েছেন তখন নিজে নিজে কোড লিখে দেখেন নি। যদি নিজে নিজে কোড লিখে দেখতেন তাহলে এমন হতো না।

---

প্রশ্ন-২ :- আমি কিভাবে বুঝবো যে আমি শিখতে পেরেছি??

উত্তরঃ– আপনার ইচ্ছামতো কমপক্ষে ৫ টি ওয়েব সাইট বানাবেন। সেগুলো কাউকে দেখানোর দরকার নেই। কারণ, যারা এসব বুঝবে না তারা দেখলে হাসাহাসি করবে। কারণ, শুধু HTML দিয়ে বানানো সাইট দেখতে সুন্দর হয় না।

---

প্রশ্ন-৩ :- আমার মনে হয় এগুলো শিখতে গিয়ে লেখাপড়ায় আমি পিছিয়ে যাচ্ছি।

উত্তরঃ– এটা খুব বড় ভুল ধারনা। আপনি সময় নষ্ট করছেন ফেসবুক চালিয়ে, অযথা ইউটিউবে ভিডিও দেখে কিংবা অন্যান্য কাজে। আপনি যদি একজন ছাত্র হয়ে থাকেন তাহলে আপনার কাজ গুলো এরকম।

1. নিজ নিজ ধর্মের প্র্যার্থনা।
2. একাডেমিক লেখাপড়া করা।
3. নতুন কিছু শেখা।
4. বাড়ির কাজে সাহায্য করা।
5. প্রাকৃতিক কাজ করা।
6. ঘুমানো।

এই কাজগুলো ছাড়া আপনি যায় করবেন না কেন সেটাই সময় নষ্ট। ফেসবুক একাউন্ট ডিলিট করে দিন। আমি আমার একাউন্ট ডিলিট করে দিয়েছি। অনেক মুল্যবান পোস্ট ছিলো আমার বিভিন্ন গ্রুপে। অনেক বড় বড় প্রোগ্রামিং গ্রুপ এর এডমিন সদস্য ছিলাম। অনেকে আমার থেকে সাহায্য চাইতো।

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

---

আসসালামু আলাইকুম!!!

---