HTML Page Basic ধারণা

HTML Page Basic ধারণা আমাদের পেজের প্রধান তিনটি অংশ থাকে

১. হেড Head বা সবার উপরের অংশ

২. Title যা হেডের উপরে ভাষমান ভাবে লিখা থাকে যে কোন জিনিষের কি নাম।

৩.  Body পেজের মাঝনের অংশটি হলো বডি যাহাদের থাকে পেরাগ্রাফ, ছবি, ভিডিও বিভিন্ন অংশ নিয়ে তৈরী বডি।

উদাহরণ স্বরুপ একটি ইমেজ দেখানো হলো

Head stucture

কোডিং টি কপি করে Notepadএ past করুন

<!DOCTYPE html> 
<html>
  <head>
    <title>Bangladesh Politic</title>
  </head>

  <body>

    <h1>Bangladesh Prime Minister Shak hasina</h1>

    <p>My first paragraph.</p>

  </body>
</html>

ফাইল থেকে Save as করুন এবং যে কোন নাম দিয়ে সেভ করুন যেসন- index.html

এবার ডাবল ক্লিক করে যে কোন একটি ব্রাউজারে ওপেন করুন

উপরের ছবির নায় দেখাবে।

এই রোকম আর ব্যতিক্রম কিছু কোড

<h1>This is a heading</h1>

<p>This is a paragraph</p>

<a href="www.jobnewse.com">This is a hyper link</a herf>

পূবের কপি করে পেষ্ট করে

দেখুন কিভাবে একটি লিং তৈরী করা হয়েছে।

কিভাবে প্রাগ্রাফ কোড বাসানো হয়েছে।

কিভাবে h1 হেড লাইন ব্যবহার করা হয়েছে।

h1 থেকে h6 পর্যন্তকে হেডিং বলা হয় এগুলো পর্যায় ক্রমে ছোট হতে থাকে।

এখন  আলোচনা করব কোন স্থানে কি কোড ব্যবহার করতে হয়

<html> থেকে </html> Html ডুকুমেন্ট তৈরী করে।

<head> থেকে </head> এই কোডের মধ্যে ডিজাইন স্টাইল CSS Coding করা হয়।

<title> থেকে </title> ডকুমেন্টের নাম বা শিরো নাম বলা চলে তবে এই নামটি ৩০ থেকে ৪০ অক্ষর মধ্যে রাখা ভালো

<body>  থেকে </body> বডির মাঝখানে বিভিন্ন রকমের কন্টেন থাকে। যেমন- ছবি, ভিডিও, লেখা, ইত্যাদি

<h1>  থেকে </h1> কোন পোষ্টের শিরো নামে ব্যবহার করা হয়। <h2>  থেকে <h6> এগুলোকে সাব হেডিং বলা হয়ে থাকে।

<p> থেকে </p> পেরাগ্রাফ বা বিস্তারিত যা আলোচনা করা হয়। বডির ভিতরে যে কোন্টেন থাকে বা লিখা থাকে তাহা বেশির ভাগ পেরাগ্রাফ।

HTML Page Basic  কোড নিয়ে আলোচনা করা হলো।

<!DOCTYPE html>
<html>
  <head>
    <title> Web first Page Title</title>
  </head>

  <body>

    <h1>My First webpage Heading</h1>

    <p>My first webpage paragraph.</p>

  </body>
</html>

এই কোড গুলো কপি করে নোটপেড এ  পেষ্ট  করে সেভ করুন index.html এর আউটপুট দেখুন HTML Page Basic ধারণা

বিস্তারিত ভিডিওতে দেখুন

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
x
Scroll to Top
Enable Notifications OK No thanks