DOCUMENT SUMMARY
<html> </html>
This tag specifies that the webpage is written
in HTML. It appears at the very first and last line
of the webpage. It is mainly used to show that
the page uses HTML5 the latest version of
the language. Also known as the root element,
this tag can be thought of as a parent tag for
every other tag used in the page.
<head> </head>
This tag is used to specify meta data about
the webpage. It includes the webpages name,
its dependencies (JS and CSS scripts), font usage etc.
<title> </title>
As the name suggests, this tag contains
the title/name of the webpage. You can see this
in your browsers title bar for every webpage open
in the browser. Search engines use this tag to
extract the topic of the webpage, which is quite
convenient when ranking relevant search results.
<body> </body>
Everything the user sees on a webpage is written
inside this tag. It is a container for all the contents
of the webpage
Example
<html>
<head>
<title>My First Website</title>
</head>
<body>
</body>
</html>
DOCUMENT INFORMATION
<base/>
Used to specify the base URL of your site,
this tag makes linking to internal links on your
site cleaner.
<meta/>
This is the meta data tag for the webpage.
Can be useful for mentioning the pages author,
, keywords, original published date etc.
<link/>
This is used to link to scripts external to
the webpage. Typically utilized for including
stylesheets.
<style> </style>
The style tag can be used as an alternative to
an external style sheet, or complement it.
Includes the webpages appearance information.
<script> </script>
Used to add code snippets, typically in JavaScript,
to make webpage dynamic. It can also be used to
just link to an external script.
Example
<html>
<head>
<meta charset="utf-8">
<base href="http://myfirstwebsite.com"
target="_blank" />
<title>My Beautiful Website</title>
<link rel="stylesheet" href="/css/master.css">
<script type="text/javascript">
var dummy = 0;
</script>
</head>
<body>
</body>
</html
DOCUMENT STRUCTURE
<h1..h6> </h1..h6>
Six different variations of writing a heading.
<h1> has the largest font size, while <h6> has
the smallest.
<div> </div>
A webpages content is usually divided into
blocks, specified by the div tag.
<span> </span>
This tag injects inline elements, like an image,
<html> </html>
This tag specifies that the webpage is written
in HTML. It appears at the very first and last line
of the webpage. It is mainly used to show that
the page uses HTML5 the latest version of
the language. Also known as the root element,
this tag can be thought of as a parent tag for
every other tag used in the page.
<head> </head>
This tag is used to specify meta data about
the webpage. It includes the webpages name,
its dependencies (JS and CSS scripts), font usage etc.
<title> </title>
As the name suggests, this tag contains
the title/name of the webpage. You can see this
in your browsers title bar for every webpage open
in the browser. Search engines use this tag to
extract the topic of the webpage, which is quite
convenient when ranking relevant search results.
<body> </body>
Everything the user sees on a webpage is written
inside this tag. It is a container for all the contents
of the webpage
Example
<html>
<head>
<title>My First Website</title>
</head>
<body>
</body>
</html>
DOCUMENT INFORMATION
<base/>
Used to specify the base URL of your site,
this tag makes linking to internal links on your
site cleaner.
<meta/>
This is the meta data tag for the webpage.
Can be useful for mentioning the pages author,
, keywords, original published date etc.
<link/>
This is used to link to scripts external to
the webpage. Typically utilized for including
stylesheets.
<style> </style>
The style tag can be used as an alternative to
an external style sheet, or complement it.
Includes the webpages appearance information.
<script> </script>
Used to add code snippets, typically in JavaScript,
to make webpage dynamic. It can also be used to
just link to an external script.
Example
<html>
<head>
<meta charset="utf-8">
<base href="http://myfirstwebsite.com"
target="_blank" />
<title>My Beautiful Website</title>
<link rel="stylesheet" href="/css/master.css">
<script type="text/javascript">
var dummy = 0;
</script>
</head>
<body>
</body>
</html
DOCUMENT STRUCTURE
<h1..h6> </h1..h6>
Six different variations of writing a heading.
<h1> has the largest font size, while <h6> has
the smallest.
<div> </div>
A webpages content is usually divided into
blocks, specified by the div tag.
<span> </span>
This tag injects inline elements, like an image,
