<!DOCTYPE html>
<html>
<head>
<title>Input Button</title>
</head>
<body>
<input type="button" value="Click Me">
</body>
</html>
Monday, 30 October 2017
input button tag
<!DOCTYPE html>
<html>
<head>
<title>Input Button</title>
</head>
<body>
<input type="button" value="Click Me">
</body>
</html>
text area
<!DOCTYPE html>
<html>
<head>
<title>Text Area</title>
</head>
<body>
<textarea cols="5" rows="5">Colombo,srilanka</textarea>
</body>
</html>
password tag
<!DOCTYPE html>
<html>
<head>
<title>password</title>
</head>
<body>
Username:
<input type="text">
<br> Password :
<input type="password">
</body>
</html>
text box
<!DOCTYPE html>
<html>
<head>
<title>TextBox</title>
</head>
<body>
<input type="text" value="12345" size="5" maxlength="3">
</body>
</html>
center tag
<!DOCTYPE html>
<html>
<head>
<title>Center tag</title>
</head>
<body>
<center>This is the text display in center</center>
</body>
</html>
pre tag
<!DOCTYPE html>
<html>
<head>
<title>Pre Tag</title>
</head>
<body>
<pre>
H
A
V
E
A
N
I
C
E
D
A
Y
</pre>
<br>
<!--No Pre Tag-->
H
A
V
E
A
N
I
C
E
D
A
Y
</body>
</html>
var tag
<!DOCTYPE html>
<html>
<head>
<title>var Tag</title>
</head>
<body>
var tag is defined mathamatical variable.
<br>
<var>(a+b)<sup>2</sup></var>=<var>a</var><sup>2</sup>+<var>b</var><sup>2</sup>+<var>2ab</var>
</body>
</html>
address tag
<!DOCTYPE html>
<html>
<head>
<title>Address</title>
</head>
<body>
My Address is.
<Address>
Mafas,<br>
Brinthuraichenai,<br>
Valaichenai,<br>
Pin-629167,<br>
B.T.Dist.
</Address>
</body>
</html>
Quotation tag HTML
<!DOCTYPE html>
<html>
<head>
<title>Quotation</title>
</head>
<body>
He said <q>This is too much.</q>
</body>
</html>
br tag
<!DOCTYPE html>
<html>
<head>
<title>BR Tag</title>
</head>
<body>
<!--Without BR Tag-->
Line 1
Line 2
Line 3
Line 4
Line 5
<!--With using BR Tag-->
<br> Line 1
<br> Line 2
<br> Line 3
<br> Line 4
<br> Line 5
</body>
</html>
strong tag
<!DOCTYPE html>
<html>
<head>
<title>Strong tag</title>
</head>
<body>
This is the <strong>Strong Text</strong>
</body>
</html>
superscript tag
<!DOCTYPE html>
<html>
<head>
<title>superscripted Text</title>
</head>
<body>
This is the <sup>superscripted</sup> Text
</body>
</html>
subscriped tag
<!DOCTYPE html>
<html>
<head>
<title>subscripted Text</title>
</head>
<body>
This is the <sub>subscripted</sub> Text
</body>
</html>
delete tag HTML
<!DOCTYPE html>
<html>
<head>
<title>Delete</title>
</head>
<body>
This is the <del>Deleted Text</del>
</body>
</html>
mark tag
<!DOCTYPE html>
<html>
<head>
<title>mark tag</title>
</head>
<body>
Normal Text
<br>
mark <mark>This</mark> Text
</body>
</html>
small tag HTML
<!DOCTYPE html>
<html>
<head>
<title>small tag</title>
</head>
<body>
Normal Text<br>
<small>small Text</small>
<br>
This is <small>small</small> Sample
</body>
</html>
div tag
<!DOCTYPE html>
<html>
<head>
<title>div tag</title>
</head>
<body>
<!--Div can be used to group elements-->
<div>
This is the First Div
<input type="text">
<input type="text">
<input type="text">
</div>
<div>
This is the Second Div
<input type="text">
<button>Sample Button</button>
</div>
</body>
</html>
text formatting
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<b>Bold Text</b>
<br>
<i>Italic Text</i>
<br>
<u>UnderLine Text</u>
<br>
<b><u><i>This is the Mixed Line</i></u></b>
</body>
</html>
Horizontal Line size
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line size</title>
</head>
<body>
First Line
<hr size="10px" color="red">
Second Line
<hr size="30px" color="green">
Third Line
<hr color="blue">
</body>
</html>
Horizontal Line color
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line color</title>
</head>
<body>
First Line
<hr color="red">
Second Line
<hr color="green">
Third Line
<hr color="blue">
</body>
</html>
Horizontal Line html tag
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line</title>
</head>
<body>
First Line
<hr>
Second Line
<hr>
Third Line
<hr>
</body>
</html>
paragraph tag
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Tag</title>
</head>
<body>
<p>This is the First Paragraph starting</p>
<p>This is the Second Paragraph starting</p>
<p>This is the Fourth Paragraph starting</p>
<p>This is the Fifth Paragraph starting</p>
</body>
</html>
1st HTML program
<!DOCTYPE html>
<html>
<head>
<title>First HTML</title>
</head>
<body>
Mafastech
</body>
</html>
Subscribe to:
Comments (Atom)