সাম্প্রতিক

10/recent/ticker-posts

Header Ads Widget

WEB DESIGN - HTML PART 06

 



HTML Meta

ক্যারেক্টার সেট, পেজের বর্ননা, কী-ওয়ার্ড, পেজের রচয়িতা এবং অন্যান্য মেটাডেটা নির্দেশ করার জন্য এলিমেন্ট ব্যবহার করা হয়।

ব্রাউজার, সার্চ ইঞ্জিন এবং অন্য ওয়েব সার্ভিসের জন্য মেটাডেটা ব্যবহার করা হয়।

Character Set নির্দেশ করতেঃ

<meta charset="UTF-8">

Web Page এর Description দিতে:

<meta name="description" content="Free HTML tutorials">

Search Engine এর জন্য Key words নির্দেশ করতেঃ

<meta name="keywords" content="HTML, CSS, XML, JavaScript">

পেজের রচয়িতার নাম নির্দেশ করতেঃ

<meta name="author" content=“Mahedi Hasan">

ডকুমেন্ট কে প্রত্যেক ৩০ সেকেন্ডে রিফ্রেশ করতেঃ

<meta http-equiv="refresh" content="30">



HTML Script

জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য <script> </script> ট্যাগ ব্যবহার করা হয়। যেমন:

<!DOCTYPE html>

<html>

<head>

  <title>HTML script Example</title>

    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript" src="sliding_effect.js"></script> 

</head>

<body>

 

    <h2>HTML script Example</h2>

    <p>This is a Paragraph</p>

 

</body>

</html>


HTML Audio

এইচটিএমএল <audio> tag টি একটি ওয়েব পেইজে অডিও ফাইল প্লে করতে ব্যবহৃত হয়।

Example:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

HTML Audio - How It Works

  1. The controls attribute adds audio controls, like play, pause, and volume.
  2. The <source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format.
  3. The text between the <audio> and </audio> tags will only be displayed in browsers that do not support the <audio> element.


HTML Video

এইচটিএমএল <video> tag টি একটি ওয়েব পেইজে video ফাইল প্রদর্শন করতে ব্যবহৃত হয়।

Example

<video width="320" height="240" controls>
     <source src="movie.mp4" type="video/mp4">
     <source src="movie.ogg" type="video/ogg">
</video>

How it Works

  1. The controls attribute adds video controls, like play, pause, and volume.
  2. It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.
  3. The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.
  4. The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element.

Post a Comment

0 Comments