HTML-Booklet

We have found that a normal HTML document will have the going with structure. 

Example:

Page declaration tag 

<html>
<head>Page header related tags</head>
<body>Page body related tags</body>
</html>

This area will give to some degree more knowledge concerning the header part which is addressed by HTML <head> tag. The <head> tag is a holder of various huge marks like <title>, <meta>, <link>, <base>, <style>, <script>, and <no script> names. 

The HTML <title> Tag 

The HTML <title> tag is used for showing the title of the HTML record. Following is a manual for giving a title to a HTML record. 

Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Title Tag Example</title>
</head>
<body>
<p>Hello, World!</p>   
</body>
</html>

The HTML <meta> Tag 

The HTML <meta> tag is used to give metadata about the HTML file which fuses information about page expiry, page maker, summary of catchphrases, page depiction, etc. 

Following are very few of the huge uses of <meta> tag inside a HTML report. 

Example:

<!DOCTYPE html>
<html>   
<head>
<title>HTML Meta Tag Example</title>
<!– Provide list of keywords –>
<meta name =”keywords” content =”HTML, CSS, Java, PHP, Python”>
<!– Provide description of the page –>
<meta name =”description” content =”Free Online Web Tutorial”>
<!– Author information –>
<meta name =”author” content=”Booklet”>
<!– Page content type –>
<meta http-equiv =”content-type” content =”text/html; charset=”UTF-8″>
<!– Page refreshing delay –>
<meta http-equiv =”refresh” content =”30″>
<!– Page expiry –>
<meta http-equiv =”expires” content =”Fri, 9 June 2020 15:14:37 GMT”>
<!– Tag to tell robots not to index the content of a page –>
<meta name =”robots” content =”noindex, nofollow”>
</head>
<body>
<p>Hello, World!</p>   
</body>
</html>

The HTML <base> Tag 

The HTML <base> tag is used for showing the base URL for each and every relative Url in a page, which suggests the different URLs will be connected into base URL while arranging for the given thing. 

For example, all the given pages and pictures will be glanced in the wake of prefixing the given URLs with base URL https://booklet.today/library.

Example:

<!DOCTYPE html>
<html>   
<head>
<title>HTML Base Tag Example</title>
<base href =”https://booklet.today/”/>
</head>
<body>
<img src =”/images/img.png” alt = “Image”/>
<a href =”/html/index.html” title = “Booklet Tutorial”/>Booklet Tutorial</a> 
</body>
</html>

The HTML <link> Tag 

The HTML <link> tag is used to decide associations between the current record and external resource. Following is a manual for associate an outside format record open in css subdirectory inside the web root. 

Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML link Tag Example</title>
<base href=”https://booklet.today”/>
<link rel=”stylesheet” type=”text/css” href=”/css/style.css”>
</head>
<body>
<p>Hello, World!</p>
</body>
</html>

The HTML <style> Tag 

The HTML <style> tag is used to demonstrate a layout for the current HTML report. Following is a manual for describing a few format runs inside the <style> tag.

Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML style Tag Example</title>
<base href =”http://booklet.today/”/>
<style type =”text/css”>
.myclass {
background-color: #aaa;
padding: 10px;       
}
</style>
</head>
<body>
<p class=”myclass”>Hello, World!</p>   
</body>
</html>

The HTML <script> Tag 

The HTML <script> tag is used to join either outside substance records or to portray inside substance for the HTML report. Following is where we are using JavaScript to describe a clear JavaScript work.

Example:

<!DOCTYPE html>
<html>   
<head>      
<title>HTML script Tag Example</title>      
<base href=”booklet.today”/>      
<script type=”text/JavaScript”>         
function Hello() {            
alert(“Hello, World”);         
}      
</script>   
</head> 
<body>      
<input type =”button” onclick =”Hello();” name=”ok” value=”OK”/>
</body>
</html>

 

Share