new in blog

LightBlog

Thursday, May 3, 2018

Introduction of html

What is HTML ?

একটি ওয়েবসাইট বা Apps এর প্রথম ও প্রধান এবং সবচেয়ে গুরুত্ব পূর্ণ উপাদান হচ্ছে HTML | প্রাণ ব্যতিত প্রাণী যেমন মৃত ; তেমনি HTML ব্যতিত website মৃত | আরও ভালো করে বললে বলা যায় - এইচটিএমএল  ছাড়া কোন প্রকারের ওয়েবসাইট তৈরি করা যায় না |
website বা Apps তৈরি করা শিখতে চাইলে প্রথমে শিখতে হবে - HTML.
html
HTML এর পূর্ণরূপ হলোঃ Hyper Text Markup Language |

এইচটিএমএল   দিয়ে কি করা হয়ঃ


  • একটি ওয়েবসাইট  বা apps  এর structure বা মূল কাঠামো গঠন করা হয় | 
  • Tag আর Attribute এর মাধ্যমে এইচটিএমএল প্রকাশিত হয় | 
  • কয়েকটি Tag ব্যতিত  প্রতিটি Tag জোড়ায় জোড়ায় থাকে | 

what is Tag ?

এইচটিএমএল এর প্রতিটি Element বা উপাদান কে Tag বলে |
কয়েকটি Tag এর উদারনঃ

  • <!DOCTYPE HTML> এই ট্যাগ দিয়ে এইচটিএমএল এর ভার্সন ঘোষণা করা করা হয় |
  • <html></html> এটা হচ্ছে এইচটিএমএল এর মূল ট্যাগ , এর ভিতরে সব ট্যাগ রাখা হয় |
  • <body></body>
  • <h1></h1>
  • <p></p>
নোটঃ Tag এর  নাম শুরু হয়  <  ( left angle sign ) দিয়ে আর শেষ হয়  > ( right angle sign ) দিয়ে | 

Opening Tag :

/ স্ল্যাস চিহ্ন বিহীন Tag কে Opening Tag বলে |
যেমন ঃ

 <body>

Closing Tag:

/ স্ল্যাস চিহ্ন যুক্ত Tag কে Closing Tag বলে | 
যেমন ঃ 

</body>

Single Tag : 

এইচটিএমএল এর কয়েকটি Single Tag আছে ; যাদের কোন  Closing Tag নেই   , Single Tag কে   / স্ল্যাস চিহ্ন যুক্ত করে বা যুক্ত না করেও ব্যবহার করা যায় |
 যেমনঃ 
  • <img>
  • <br>
  • <hr>
অথবা 
  • <img/>
  • <br/>
  • <hr/>
নোটঃ  / স্ল্যাস চিহ্ন যুক্ত করে ব্যবহার করাই ভালো |

What is attribute ?

Attribute এর মাধ্যমে একটি  এইচটিএমএল পেইজ  অতিরিক্ত তথ্য প্রকাশ করে, Attribute কে ধরে css দিয়ে এইচটিএমএল পেইজ কে সুন্দর ও নান্দনিক করা হয় |
কয়েকটি  Attribute এর উদারন ঃ

  • style
  • class
  • id
  • loop
  • size
  • title
  • name
  • valu
 Attribute সব সময় Opening Tag এর ভিতর প্রবেশ করে |
যেমনঃ
<p title=" dhaka">Bangladesh</p>

লাল চিহ্নিত অংশটুকু হলো p ট্যাগ এর Opening Tag |

<p title="dhaka">Bangladesh</p>

কমলা চিহ্নিত অংশটুকু হলো p ট্যাগ এর Attribute |


History of HTML / এইচটিএমএল এর ইতিহাস

introduction of html
Tim Berners-Lee

এইচটিএমএল এর আবিষ্কারক ঃ

পদার্থ বিজ্ঞানী  Tim Berners-Lee ১৯৮৯ সালে এইচটিএমএল ল্যাঙ্গুয়েজ টি আবিষ্কার , তখন তিনি নাসা'তে কর্মরত ছিলেন |

W3C

এইচটিএমএল কে নিয়ন্ত্রন , রূপান্তর  ও পরিবর্তন করে যে সংস্থাটি সেটির নাম হলো world wide web consortium , সংক্ষেপে বলা হয় W3C | ১৯৯৬ সাল থেকে Tim Berners-Lee এর সাথে যুক্ত হয় W3C কর্তৃপক্ষ |

এইচটিএমএল এর  ভার্সন সমূহ ঃ


  • HTML                    ১৯৯১ সালে কার্যকর হয়
  • HTML 2.0              ১৯৯৫ সালে কার্যকর হয়
  • HTML 3.2              ১৯৯৭ সালে কার্যকর হয়
  • HTML 4.01            ১৯৯৯ সালে কার্যকর হয়
  • XHTML                 ২০০০ সালে কার্যকর হয়
  • HTML5                  ২০১৪ সালে কার্যকর হয়

এইচটিএমএল শিখতে কি লাগে ঃ 

কম্পিউটার অথবা ল্যাপটপ , একটি টেক্সট এডিটর আর Browser লাগে  |
টেক্সট এডিটর হিসেবে windows এর বিল্ড ইন টেক্সট এডিটর Notepad অথবা Notepad++ ব্যবহার করা যায় |
নোট ঃ Notepad++ ব্যবহার  করাই ভালো | এতে প্রচুর  সুবিধা পাওয়া যায় | 


Browser হিসেবে  windows এর বিল্ড ইন Browser Internet Explorer , Google Chrome ,Mozilla Firefox , Safari ও  Opera Mini এর মধ্যে যে কোনটি ব্যবহার করতে পারবেন |

নোট ঃ সব সময় Browser এর Latest Version ব্যবহার করবেন | 

এইচটিএমএল
google chrome

what is html
Mozilla Firefox

শিখতে কত দিন লাগে ঃ

এটা খুব সহজ একটি ল্যাঙ্গুয়েজ | মন লাগিয়ে শিখলে খুব দ্রুত শিখে ফেলতে পারবেন |



No comments:

Post a Comment