HTML – Head

<head>
  • <head> Element eka Metadata athulath kirimata yodagani
  • Metadata lesa hadunwanne html document eka පිළිබඳ දත්ත වේ. metadata page eke දර්ශනය නොවේ
  • meta data  සාමාන්‍යයෙන්  title, character set, styles, scripts, and other meta infomation අර්ථ දක්වයි

HTML <head> Element එක පහත සඳහන් අංග සඳහා බහාලුමකි:

  • 1.<title>
  • 2.<style>
  • 3.<base>
  • 4.<meta>
  • 5.<link>
  • 6.<script>
  • 7.<noscript>
<Head>
<html lang="en">
<head>
    
  <title>Title of the document</title>
  <base href="https://www.youtube.com/">
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">

  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>

  <script>
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
  </script>

  <noscript>Sorry, your browser does not support JavaScript!</noscript>


</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a href="watch?v=mJgBOIoGihA&t=10840s">HTML Youtube Video</a>

</body>
</html>
HTML
1.<title>
  • <title> ටැගය Html document eke මාතෘකාව අර්ථ දක්වයි
  • <title> eka page eke udama penway
  • (SEO) සඳහා පිටු මාතෘකාවක අන්තර්ගතය ඉතා වැදගත් වේ! සෙවුම් ප්‍රතිඵලවල පිටු ලැයිස්තුගත කිරීමේදී අනුපිළිවෙල තීරණය කිරීම සඳහා සෙවුම් යන්ත්‍ර ඇල්ගොරිතම මගින් page title eka භාවිතා කරයි.
1.<title>
<html lang="en">
<head>
    
  <title>HTML Home-Page</title>

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
HTML
2.<style>
2.<style>

<html lang="en">
<head>
    
    <style>
        h1 {color:red;}
        p {color:blue;}
    </style>

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Html document ekaka Css ekathu kirimata style tag eka yodagannawa
3.<base>
  • <base> eken wenne apita url ekak dila thiyanna puluwan (youtube.com wage denna puluwan ethakota e html document eke okkoma url walata ara kalin dunnu youtube.com kiyana url eka add wela thiyenne ) apita ona then walata adala video wala url wala anthima tika denna thiyenne ethakota url eka weda karanwa
  • <base> ටැගයේ href එකක් හෝ target attribute yana දෙකම තිබිය යුතුය
  • html document ekaka thiyenna puluwan eka <base> tag ekak witharay eka <head> Element eke thiyenne ona
3.<base>
<html lang="en">
<head>
    
  <base href="https://www.youtube.com/" target="_blank">

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a href="watch?v=mJgBOIoGihA&t=10840s">HTML Youtube Video</a>

</body>
</html>
HTML
4.<meta>
  • <meta> ekata adala sampurna wisthara wenama page ekaka thiyenawa button eka click karama <meta> page ekata yanna puluwan
<meta> Page Click here
4.<meta>
<html lang="en">
<head>
    
    <meta charset="UTF-8">
    <meta http-equiv=”refresh” content=”300″>		
    <meta name=”author” content=”John Doe”>	
    <meta name=”description” content=”Free web tutorials”>	
    <meta name=”keywords” content=”HTML, meta tag, tag reference”>	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
HTML
5.<link>
  • <link> ekata adala sampurna wisthara wenama page ekaka thiyenawa button eka click karama <link> page ekata yanna puluwan
<Link> Page Click here
5.<link>
<html lang="en">
<head>
    
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">


</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
HTML
6.<script>
  • <script> ekata adala sampurna wisthara wenama page ekaka thiyenawa button eka click karama <script> page ekata yanna puluwan
<script> Page Click here
6.<script>
<html lang="en">
<head>  


  <script>
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
  </script>
  

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
HTML
7.<nonscript>
  • <nonscript> ekata adala sampurna wisthara wenama page ekaka thiyenawa button eka click karama <nonscript> page ekata yanna puluwan
<nonscript> Page Click here
7.<nonscript>
<html lang="en">
<head>
    

  <script>
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
  </script>

  <noscript>Sorry, your browser does not support JavaScript!</noscript>


</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
HTML
Scroll to Top