How to HTML Element

How to HTML Element

How to HTML Element – HTML কোড শেখার জন্য আমার কি Softower Use করব বা ব্যবহার করব।

প্রথমে আমাদের ব্রাউজার সম্পকে জানতে হবে।

আমার যে কোন ব্রাউজার ব্যবহার করতে পারি- যেমন Crome, Sefare, Mozila Firefox and Etc.

Code Edit হিসেবে কি ব্যবহার করব?

আমার কোম্পিউটারের নোট প্যাড ব্যবহার করতে পারি, সুবিধারথে Notepade++  ডাউলোড করে ব্যবহার  করতে পারি।

ড্রিমওয়াভার ব্যবহার করতে পারি এটি একটি ভাল সফটওয়ার যা দিয়ে সহজে কোডিং করা যায়।

কোড লিখার শেষে Save as দিয়ে কোডটি Rashidul.html এরকম করে সেভ করব। এর পর ব্রাউজারে ওপেন করে দেখব।

উদাহরণ হিসেবে এই কোডটি কপি করে পেষ্ট করে দেখুন  আউটপুর কি দিতেছে।

<!DOCTYPE html> 
<html> 
  <head> 
    <title>উদাহরণ</title> 
  </head> 

  <body> 
  
    <h1>আমার প্রথম হেড লাইন</h1> 
  
    <p>আমার প্রথম পেরাগ্রাফ.</p> 
    
  </body>
</html>

 

HTMl Element হচ্ছে  স্টাট ট্যাগ এবং শেষ টেগ বলা চলে। যে ট্যাগগুলো শেষ এবং শুরু করা যায় তাহাই HTML Element.

HTML Element ২ ভাগে বিভক্ত যেমন-

১. ট্যাগের শুরু এবং শেষ আছে ।

২. ট্যাগের শুরু আছে শেষ নেই।

১. ট্যাগ শুরু এবং শেষ ট্যাগ হচ্ছে এমন ট্যাগ যা দিয়ে শুরু করা হয় তাহাই দেয় শেষ করতে হয়ে হয়। যেমন- শুরু ট্যাগ <h1> Content and End Tag </h1>

<h2> Content and End Tag </h2> Etc.

2. End Tag- Example <br> , <img>, <hr> এগুলোর শেষ ট্যাগ নেই।

<!DOCTYPE html>
<html>
<head>
    <title>HTML Example</title>
</head>
<body>
    
    <h1>Rashidul Islam</h1>
  
    <p>Rashidul Islam a best Programer .</p>

  
</body>
</html>

এই কোড গুলো কপি করে আপনি নোট প্যাড এ পেষ্ট করে ফলাফল দেখতে পার।

নেস্টিং কোড কাহাকে বলে এবং এর উদাহরণ

আমার অনেক কোডিং করে থাকি যখন একাধিক কোডের ভিতরে আরেকটি কোড ব্যবহার করা হয় তখন তাহাকে নেস্টেং কোড বলা হয়ে থাকে। কোন কোডের ভিতের আমার কোন লেখাকে বলড, এবং ইটালি দুইটি কোড একসাথে ব্যবহার করব ঠিক তখন সেই কোডগুলোকে নেষ্টিং কোড বলা হয়ে থাকে।

যেমন- 

<!DOCTYPE html>
<html>
<head>
    <title>HTML Example</title>
</head>
<body>
    
    <p align="left">Md Rashidul islam Egp Expert.</p>
  
</body>
</html>

এই কোডটি কপি করে নোটপেড Past করে সেভ যে কোন নামদেওয়ার পর যেমন Rashidul.html ফরমেটে সেভ করলে নেষ্টিং কোডের উদাহরণ পেয়ে যাবেন।

 

x
Scroll to Top
Enable Notifications OK No thanks