HTML Layouts

এইচটিএমএল লেআউট

এইচটিএমএল লেআউটগুলি ওয়েব পৃষ্ঠাগুলিকে সুশৃঙ্খল, সুগঠিত এবং প্রতিক্রিয়াশীল আকারে সাজানোর একটি উপায় প্রদান করে বা আমরা বলতে পারি যে এইচটিএমএল লেআউট এমন একটি উপায় নির্দিষ্ট করে যাতে ওয়েব পৃষ্ঠাগুলি সাজানো যায়৷ ওয়েব-পৃষ্ঠা লেআউট একটি HTML নথির ভিজ্যুয়াল উপাদানগুলির বিন্যাসের সাথে কাজ করে।

ওয়েব পেজ লেআউট হল একটি ওয়েবসাইট তৈরি করার সময় মনে রাখা সবচেয়ে গুরুত্বপূর্ণ অংশ যাতে আমাদের ওয়েবসাইটটি দুর্দান্ত চেহারার সাথে পেশাদার দেখাতে পারে। আপনি প্রতিক্রিয়াশীল এবং গতিশীল ওয়েবসাইট ডিজাইনিংয়ের জন্য লেআউট তৈরি করতে CSS এবং JAVASCRIPT ভিত্তিক ফ্রেমওয়ার্ক ব্যবহার করতে পারেন।

একটি নির্দিষ্ট পদ্ধতিতে বিষয়বস্তু প্রদর্শনের জন্য প্রতিটি ওয়েবসাইটের একটি নির্দিষ্ট বিন্যাস রয়েছে।

নিম্নলিখিত বিভিন্ন HTML5 উপাদান রয়েছে যা একটি ওয়েবপৃষ্ঠার বিভিন্ন অংশকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

  • : It is used to define a header for a document or a section.
  • : It is used to define a section in a document
  • : It is used to define an independent self-contained article
  • : It is used to define a footer for a document or a section
  • : It is used to define additional details
  • : It is used to define a heading for the

    element    

দ্রষ্টব্য: HTML লেআউটগুলি ওয়েব পৃষ্ঠার প্রতিটি অংশের জন্য একটি পৃথক স্থান তৈরি করে। যাতে প্রতিটি উপাদান একটি উল্লেখযোগ্য ক্রমে সাজাতে পারে।

বিভিন্ন লেআউট উপাদানের বর্ণনা

এইচটিএমএল <হেডার>

উপাদানটি ওয়েব পৃষ্ঠাগুলির শিরোনাম বিভাগ তৈরি করতে ব্যবহৃত হয়। হেডারে পরিচিতিমূলক বিষয়বস্তু, শিরোনামের উপাদান, ওয়েবপৃষ্ঠার লোগো বা আইকন এবং লেখকের তথ্য রয়েছে।

উদাহরণ:

  1. “background-color: #303030;  height: 80px; width: 100%">  
  2.       “font-size: 30px; color: white;text-align: center; padding-top: 15px;">Welcome to     MyFirstWebpage

      

  3.    

  

HTML <বিভাগ>

এইচটিএমএল <বিভাগ> উপাদানগুলি একটি ওয়েব পৃষ্ঠার একটি পৃথক বিভাগকে প্রতিনিধিত্ব করে যাতে সংশ্লিষ্ট উপাদানগুলিকে একসাথে গোষ্ঠীভুক্ত করা হয়। এতে থাকতে পারে: টেক্সট, ছবি, টেবিল, ভিডিও ইত্যাদি।

উদাহরণ:

  1. “background-color:#ff7f50; width: 100%; border: 1px solid black;">  

  2. Introduction to HTML

      

  3. HTML is a markup language which is used for creating attractive web pages with the help of styling, and which looks in a nice format on a web browser..

      

  4.   

  

এইচটিএমএল <আর্টিকেল>

এইচটিএমএল

ট্যাগ ব্যবহার করা হয় একটি স্বয়ংসম্পূর্ণ নিবন্ধ যেমন বড় গল্প, বিশাল নিবন্ধ ইত্যাদি।

উদাহরণ:

  1. “width: 100%; border:2px solid black; background-color: #fff0f5;">  

  2. History of Computer

      

  3. Write your content here for the history of computer

      

  4.   

HTML <একপাশে>

HTML