Function of HTML Tags
<!Doctype html> is just a declaration of the type of document.
<html> ... </html> house every other tag.
<head> ... </head> contain the title tags and a few meta-data (no-display) tags.
<title> ... </title> carries the title that is displayed on our browsers' title bar.
<body> ... </body>
contains the display tags that help mark-up what is shown on our
browsers' window.
For example, the <h3> ... </h2>
tags of the example from the previous page simply tells our
browsers to display
Here is a List of Even Numbers Between 2 and 100 Inclusive
as a level 3 heading.
<br/> is an example of a single tag element. It is used to insert like breaks (go to a new line).
<!-- ... --> are used to
enclose comments in HTML.
Comments are just remarks (explanations) you write along side your
code for clarity purposes (help you define what you are doing);
and also for future remembrance of what a piece of code was meant for.
The browser neither needs nor processes them.
Forms are used to collect input in HTML.
It has the following structure:
<form>
<input type="text">
<input type="button">
</form>
.
<input type="text"> is a text input element.
<input type="button"> is a button input element.
Beginners Introduction to the Syntax and Symantics of the JavaScript Programming Language
var is used to declare variables in JavaScript.
Variables are like your x and y
in algebra where x and y can take
any value.
In JavaScript, conditional operators like
if(){
...
} else {
...
}
give different options for different conditions.
For instance:
if(age > 18){
alert("You are grown-up now.");
} else {
alert("You are still young.");
}
In JavaScript, iteration operations are done using loops:
while loop:
while(){
...
}
and
for loop:
for(){
...
}
.
In JavaScript, the arithmetic operators do exactly what you would expect:
+ means add;
- means subtract;
* means multiply;
/ means divide; and
% means moduli.
Note: Moduli means remainder after division.
Dividing 5 by 2 (5 ÷ 2) gives a remainder of 1.
Hence 5 % 2 = 1;
// are used for single line comments in JavaScript.
/* ... */ are used for multi-line comments in JavaScript.
Comments are just remarks (explanations) you write along side your
code for clarity purposes (help you define what you are doing);
and also for future remembrance of what a piece of code was meant for.
The browser neither needs nor processes them.
Tip: You don't need to write out comments as you follow our demonstrations.
HTML Template Look.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>A Title Goes Here</title>
</head>
<body>
Everything that is seen on the browser window
...
Is entered here.
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>A Title Goes Here</title>
</head>
<body>
Everything that is seen on the browser window
...
Is entered here.
</body>
</html>
HTML and JavaScript References:
For a more thorough explanation of HTML and JavaScript, please visit the following links:
A Beginner's HTML Tutorial - Very comprehensive HTML tutorial with plenty of practice examples!
A Beginner's JavaScript Tutorial - Very comprehensive JavaScript tutorial with plenty of practice examples!