Answer»
<head>...</head>: Machine-readable information (metadata) about the document, such as its title, scripts, and style sheets, is contained in the HTML <head> element. The <head> element This is used for setting the title and various other information that is not displayed.
<link>...</link>: The HTML External Resource Link <link> element establishes a connection between the current content and an external resource. This element is most typically used to connect to stylesheets, but it can also be used to create site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices).
<meta>: Metadata that cannot be represented by other HTML meta related elements such as <base>, <link>, <script>, <style>, or <title> is expressed by the HTML <meta> element.
<style>...</style>: The HTML <style> element specifies the style of a document or a section of a document.
<title>...</title>: The HTML Title element <title> specifies the document title that appears in the title bar or tab of a browser. This is what is bookmarked when we bookmark pages.
An example showing the usage of all the above elements is given below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Cheatsheet </title>
<link rel="stylesheet" href="styles.css">
<style>
h1 {colour:green;}
p {colour:yellow;}
</style>
</head>
</html>
|
