HTML Basic Examples

In this chapter We will show some basic HTML Basic Examples: 

( এই অধ্যায়ে আমরা সাধারণ কিছু এইচটিএমএল এর উদাহরণ দেখব ): 

HTML Documents: ( এইচটিএমএল ডকুমেন্ট ) 

  • All HTML Documents must will a document type declaration <!DOCTYPE html > 
  • The HTML document itself begins with <html> and ends </html> 
  • The Visible part of the HTML document is between <body> and </body> 
  • সকল এইচটিএমএল ডকুমেন্টের নথিপত্র ঘোষণা করবে ।
  • সকল এইচটিএমএল ডকুমেন্ট <html> দিয়ে শুরু </html> দিয়ে শেষ হয় ।
  • এইচটিএমএল এর সকল কনটেন্ট বডির ভেতরে থাকে ।

<!DOCTYPE html>

<html>

<head>

<title>Lighteducationbd.com</title>

<h1>This is Large heading 1</h1> 

<p> This is a paragraph</p> 

</body>

</html>

The <!DOCTYPE> Declaration : 

  • The <!DOCTYPE> declaration represents the document type , and helps browsers to display web pages correctly. 
  • It must only appear once , at the top of the page ( before any HTML tags ) . 
  • The <!DOCTYPE> declaration is not case sensitive . 
  • The<!DOCTYPE> declaration for HTML5 . 

<!ডকক্টটাইপ> দ্বারা বুঝানো হয় : 

  • <!ডকক্টটাইপ> দ্বারা বোঝানো হয় , ওয়েব পেজের পৃষ্ঠাগুলো সঠিকভাবে দেখাতে সাহায্য করে । 
  • এটি কেবল মাত্র পৃষ্ঠার উপরে ( যেকোনো এইচটিএমএল ট্যাগ এর আগে ) একবার অনুমোদন পাবে । 
  • এটি  না দিলে তেমন কোন সমস্যা হয় না । 
  • Html5 ব্যবহার করলে <!ডকক্টটাইপ> দিতে হয়। 

HTML Heading : 

( এইচটিএমএল হেডিং ) 

HTML headings are defined with the <h1> to <h6> 

<h1> – defines the most important heading. This is the Largest heading . 

<h6>– defines the least/ small heading . 

Example : 

<h1> This is heading 1 </h1> 

<h2 > This is heading 1 </h2> 

<h3> This is heading 1 </h3> 

<h4> This is heading 1 </h4> 

<h5> This is heading 1 </h5> 

<h6> This is heading 1 </h6> 

এইচটিএমএল এর শিরোনাম <h1> থেকে <h6> পর্যন্ত সংজ্ঞায়িত করা হয় । 

  <h1> হল সবচেয়ে গুরুত্বপূর্ণ হেডিং । এটি সবচেয়ে বড় হেডিং । 

<h6> হল সবচেয়ে ছোট হেডিং ।  

 Show Browser : 

HTML Basic Examples
This is a html <h1>to <h6> , heading tag .

HTML Paragraph : 

HTML Paragraph are defined with the <p> tag . 

Example : 

<p> This is a Paragraph </p> 

<p> This is a another Paragraph </p> 

Show Browser : 

 HTML Basic Examples
This is a html <p>, paragraph tag .

HTML Link : 

( এইচটিএমএল লিঙ্ক ) 

HTML Links are defined with the <a> tag . 

Example: 

<a href= “Lighteducationbd.com”> This is a Link </a> 

এইচটিএমএল লিঙ্ক <a> দ্বারা সংজ্ঞায়িত করা হয় । একে অ্যাংকর ট্যাগও বলা হয় । 

Show Browser : 

HTML Basic Examples
This is a html Link .

Explanation ( ব্যাখ্যা ) 

  • The Link’s destination is specified in the href attribute. 
  • Attributes are used to provide Additional attributes . 
  • href দিয়ে লিংক এর বৈশিষ্ট্য নির্দিষ্ট করা হয় । 
  • সর্বাধিক বৈশিষ্ট্য সরবরাহ করতে এটি ব্যবহার করা হয় । 

HTML Images: 

( এইচটিএমএল ইমেজ / ছবি ) 

HTML images are defined with the <img> tag. 

The sourch file ( src ) , alternative text ( alt ) width, and height are provider as attributes . 

EXample : 

<img src= “Lighteducation_image.jpg” alt= “ Evergreen_image“ width= “250” height=”500”> 

এইচটিএমএল এর ইমেজ সংজ্ঞায়িত করার জন্য  <img> ট্যাগ ব্যবহার করা হয় । কোথায় থেকে ফাইলটি আসবে  এটির জন্য  ( src ) ব্যবহার করা হয় , ইন্টারনেটের প্রবলেমের কারণে , যদি ছবি না দেখা যায়  ( alt) ট্যাগ এ যে লেখাটি লেখা হয় , সেটি প্রদর্শন করবে । 

Show Browser : 

Evergreen_image
This is a html <img> tag code.

Post Author: showrob

Leave a Reply

Your email address will not be published. Required fields are marked *

9 × = 27