The <title> tag: It is a container tag. It is used to add title to the page. The title is shown in the title bar of browser. Syntax:
<title>Ourtutorials</title>
The <link> tag: It is an empty tag. It is used to link external files (mostly CSS) to the HTML program. Syntax:
<link rel="stylesheet" href="style1.css">
Here rel is acronym for relationship and href is acronym for hypertext reference.
The <script> tag: It is a container tag. It is used to link external files (mostly JavaScript) to the HTML program. Syntax:
<script src="file1.js"></script>
Here src is acronym for source.
The <style> tag: It is a container tag. It is used to define internal CSS styles to the HTML program. Syntax:
p
{
color:red;
background-color:yellow;
text-align:justify;
}
The <meta> tag: It is an empty tag. It is used to define specific information for the convenience of browser while processing or loading the page. Syntax:
<meta name="viewport" content="width=device-width, initialscale=1.0">
Here charset=”UTF-8” allows Unicode text rendering, width=device-width tells the browser to follow the width of the display device and initial-scale=1.0 sets the initial zoom level as 1.0 when the page is loaded in the browser.
NOTE: Though there are many more tags in <head> section but these five are mostly used.
It is a container tag. It is used to assemble all the code written for the development of web page.
Syntax:
<body>
---
</body>
bgcolor: to add a background color. Its value can be any color.
<body bgcolor="pink">
---
</body>
background: to add a background wallpaper. Its value can be any image.
<body background="image.jpg">
---
</body>
NOTE: Though both attributes are different, both are often used together.