Kumail.pk is a Free Platform of

Titles and Footers

Titles and Footers; Some HTML tags introduce content directly into the web page while others enhance the design and format of that content. Some most commonly used HTML tags which change the looks of the web page are explained here.

Titles and Footers

Titles and Footers

Title

It denes the title of a web page. Titles are very important as they appear on top of the browser window and displayed on search engine result pages.

The title of a document is specified by the TITLE element. The TITLE element should occur in the HEAD of the document.

There may only be one title in any document. It should identify the content of the document in a fairly wide context.

The title is not part of the text of the document, but is a property of the whole document. It may not contain anchors, paragraph marks, or highlighting. The title may be used to identify the node in a history list, to label the window displaying the node, etc. It is not normally displayed in the text of a document itself. Contrast titles with headings . The title should ideally be less than 64 characters in length. That is, many applications will display document titles in window titles, menus, etc where there is only limited room. Whilst there is no limit on the length of a title (as it may be automatically generated from other data), information providers are warned that it may be truncated if long.

Titles and Footers

Examples of use

 

Description:

 
<html> 
<head> 
    <title>My first web page</title> 
</head> 
<body>
    This is my first web page 
</body> 
</html>

We have added two new elements here, that start with the head tag and the title tag (and see how both of these close).

The head element (that which starts with the  opening tag and ends with the  closing tag) appears before the body element (starting with  and ending with ) and contains information about the page. The information in the head element does not appear in the browser.

We will see later on that other elements can appear inside the head element, but the most important of them is the title element.

If you look at this document in the browser (save and reload as before), you will see that “My first web page” will appear on a tab or the title bar of the window (not the actual canvas area). The text that you put in between the title tags has become the title of the document (surprise!). If you were to add this page to your “favorites” (or “bookmarks”, depending on your browser), you would see that the title is also used there.

Footer:

It denes the footer for a web page. e.g. “Copyright 2020. All rights reserved.”

The HTML 

  • <header> – Defines a header for a document or a section
  • <nav> – Defines a set of navigation links
  • <section> – Defines a section in a document
  • <article> – Defines an independent, self-contained content
  • <aside> – Defines content aside from the content (like a sidebar)
  • <footer> – Defines a footer for a document or a section
  • <details> – Defines additional details that the user can open and close on demand
  • <summary> – Defines a heading for the <details> element

 typically contains information about the author of the section, copyright data or links to related documents.

<article>
<h1>How to be a wizard</h1>
<ol>
<li>Grow a long, majestic beard.</li>
<li>Wear a tall, pointed hat.</li>
<li>Have I mentioned the beard?</li>
</ol>
<footer>
<p>© 2018 Gandalf</p>
</footer>
</article>

Usage Notes

  • Enclose information about the author in an <address> element that can be included into the <footer> element.
  • The <footer> element is not sectioning content and therefore doesn’t introduce a new section in the outline.
<footer>
  Some copyright info or perhaps some author
  info for an &lt;article&gt;?
</footer>

 

Titles and Footers

Titles and Footers

Titles and Footers

Titles and Footers

Apply for Free E-Certification

E-Certification