Header Tags

Next ❯Text Tags

Tags mainly used inside <head> Element

  • Tags are: <base&gtl;, <link&gtl;, <meta&gtl;, <style&gtl;, <title>
Overview:
  • Just a sample using all Tags, with some Attribute used inside this Tags
  • Just click on image to zoom it
  • Scripting Tags [<script>,<noscript>] are also there, but it's explained in other coming section
Tag:
  • label_outlineLink Tag <link>
    <link href="css/cssfile.css" type="text/css" rel="stylesheet">
    • To call the external resources like CSS File in your page, if they are used in your page
  • trending_downBase Tag <base>
    <!DOCTYPE html>
<html>
  <head>
    <title>Base tag example</title>
    <base href="http://YourSiteURL">
  </head>
  <body>
    <img src="/images/logo.jpg" alt="Logo">
  </body>
</html>
    • To specify the base or root URL for all relative URLs in a page
    • Here all the relatives urls will be
          http://YourSiteURL/Used_URLs_In_Page
    • Example, Like above code image tag url becomes
          http://YourSiteURL/images/logo.jpg
  • trending_downTitle Tag <title>
    <!DOCTYPE html>
<html>
  <head>
    <title>Title of the page</title>
  </head>
  <body>
    <p>Your Paragraph.</p>
  </body>
</html>
  • trending_downStyle Tag <style>
    <!DOCTYPE html>
<html>
  <head>
    <title>Style Tag Example</title>
    <style>
      body{
        background:green;
        color: white;
      }
    </style>
  </head>
  <body>
    <p>Your Paragraph.</p>
  </body>
</html>

    OUTPUT:

    Your Paragraph.

    • To define style internally inside your page
  • trending_downMeta Tag <meta>
    • The comment inside the code describes the use of the meta tags with specific Attributes
    <!DOCTYPE html>
<html>
<head>
<title>Meta Tag Example</title>
<!-- Page content type -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Provide keywords used for Search Engines-->
<meta name="keywords" content="html, css, Viztro">
<!-- Provide description of the page -->
<meta name="description" content="Learn with fun">
<!-- Author information -->
<meta name="author" content="Viztro">
<!--If you want to refresh your page after some time,content shows time value in sec-->
<meta http-equiv="refresh" content="5">
<!-- Page expiry info -->
<meta http-equiv="expires" content="Wed, 25 July 2020 14:25:27 GMT">
<!-- Tag to tell robots not to index the content of a page-->
<meta name="robots" content="noindex, nofollow">
<!-- To make Responsive page according to screen size-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- To change Chrome tab Color in Android 5+ -->
<meta name="theme-color" content="#26a69a">
</head>
  <body>
    <p>Your Paragraph.</p>
  </body>
</html>
Browsers Supports
SafariMicrosoft EdgeMozilla FirefoxChromeOpera Mini

Click on the above icon to see the name of the browser !

  • Tips! Always try to use latest version of browser

  • Text Tags
❮ Prev Comment Tag
Next ❯Text Tags
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt
❯