HTML এর Head Element
নিজে চেষ্টা করুন - উদাহারন
<title> - Define a title for an HTML document
Use the <title> tag to define a title for a document.
Use the <title> tag to define a title for a document.
<base> - Default URL and target for all links
Use the <base> tag to specify a default URL and a default target for all links on a page.
Use the <base> tag to specify a default URL and a default target for all links on a page.
<meta> - Provide metadata for an HTML document
Use <meta> elements to specify a description, keywords, author, and character set of a document.
Use <meta> elements to specify a description, keywords, author, and character set of a document.
<head> Element
<head> element টি html এর সকল head element এর ধারক । <head> element টির মধ্যে অনেক element থাকে যেমন scripts, browser এর প্রতি নির্দেশনা, cascaded style sheet (CSS), meta information , এবং আরও অনেক কিছু ।
Head Section এ যে সকল tags থাকতে পারে তা হলঃ <title> <style> <meta> <link> <script> <nonscript> এবং <base> .
<title> Element
<title> tag টি document এর Title নির্দেশ করে।
<title> tag এর একটি HTML/X HTML document এর প্রয়োজন হয়।
<title> tag টিঃ
- ব্রাউজার এর toolbar এ Title দেখায়।
- কোনো ওয়েব পেজ কে favorite হিসেবে add করা হলে তাতে Title দেয়।
- সার্চ ইঞ্জিন রেসাল্ট হিসেবে পেজ এর Title টি প্রদর্শন করে।
একটি সাধারন HTML document:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
<base> Element
একটি পেজ এ <base> tag সব প্রাসঙ্গিক URL থেকে base URL কে আলাদা করে।
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
<link> Element
<link> tag টি উক্ত document এবং external resource এর মধ্যে সম্পর্ক বর্ননা করে।
<link> tag টি বেশির ভাগ সময় style sheet এ ব্যবহৃত হয়।
Metadata is data (information) about data.
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.
<meta> tags always go inside the <head> element.
Define a description of your web page:
Define the author of a page:
Refresh document every 30 seconds:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<style> Element
HTML Document এর style information নির্দেশ করতে <style> tag টি ব্যবহৃত হয়।
ব্রাউজার এ HTML element কিভাবে সাজানো থাকবে বা প্রদরশিত হবে তা <style> tag এর মাধ্যমে বলা হয়।
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
<meta> Element
Metadata is data (information) about data.
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.
<meta> tags always go inside the <head> element.
<meta> Tags - Examples of Use
Define keywords for search engines:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials on HTML and CSS">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="refresh" content="30">
<script> Element
client-side script হিসেবে <script> tag টি ব্যবহৃত হয়। যেমনঃ জাভাস্ক্রিপ্ট (JavaScript)
<script> tag সম্পর্কে পরে বিস্তারিত আলোচনা করা হবে।
HTML head Elements
| Tag | Description |
|---|---|
| <head> | Defines information about the document |
| <title> | Defines the title of a document |
| <base> | Defines a default address or a default target for all links on a page |
| <link> | Defines the relationship between a document and an external resource |
| <meta> | Defines metadata about an HTML document |
| <script> | Defines a client-side script |
| <style> | Defines style information for a document |
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন