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