HTML Old School
HTML Head
This chapter will describe basic HTML tags inside HTML head <head></head>.
These tags are:
- <title>
- <meta>
- <link>
- <style>
- <script>
- <noscript>
- <base>
Head tag doesn't have any attribut. It is simple container for other HTML tags.
HTML 4.01 Template
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="AdAm">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<link rel="stylesheet" type="text/css" href=".css">
<link rel="icon" href="favicon.ico" type="image/ico">
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#msgid").html("Ovo je jQuery text");
});
</script>
<style type="text/css">
div {
color:red;
}
</style>
</head>
<body>
<div id="msgid"></div>
</body>
</html>
Example: 00html4.html
HTML5 Template
<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="AdAm">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<link rel="stylesheet" type="text/css" href=".css">
<link rel="icon" href="favicon.ico" sizes="16x16" type="image/ico">
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#msgid").html("Ovo je jQuery text");
});
</script>
<style>
div {
color:red;
}
</style>
</head>
<body>
<div id="msgid"></div>
</body>
</html>
Example: 00html5.html