Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
Basics Html Head
Navigation menus are one of the basic building blocks for any web or mobile app.

Overview

The <head> element is a container for all of the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more.

The following table lists the tags that can be added to the head section:

Tag Description
<base /> Defines a default address or a default target for all links on a page
<link /> Defines the relationship between a document and an external resource
<meta /> Defines metadata about a document
<script> Defines a client-side script
<style> Defines style information for a document
<title> Defines the title of a document

<base>

The <base> tag specifies a default address or a default target for all links on a page:

<head>
<base href="http://example.com/images/" />
<base target="_blank" />
</head>

<link>

The <link> tag defines the relationship between a document and an external resource.

The <link> tag is most used to link to style sheets:

<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<meta>

The <meta> tag provides metadata about the HTML document.

<script>

The <script> tag is used to define a client-side script, such as a JavaScript.

In HTML5, the type attribute is optional as all scripts are assumed to be of type "text/javascript".

<style>

The <style> tag is used to define style information for an HTML document.

Use the the style element to specify how HTML elements should render:

<head>
<style type="text/css">
body {
  background-color: white
}

p {
  color:blue
}
</style>
</head>

<title>

The <title> tag defines the title of the document.

The title element is required in all HTML/XHTML documents.

The title element:

  • defines a title in the browser toolbar
  • provides a title for the page when it is added to favorites
  • displays a title for the page in search-engine results

A simple HTML document, with the minimum required tags:

<html>
<head>
<title>Document Title</title>
</head>

<body>
Document content...
</body>
</html>