__________________________________________
Q tag :
<!DOCTYPE html>
<html>
<head>
<title>Quotation</title>
</head>
<body>
He said <q>This is too much.</q>
</body>
</html>
Output
__________________________________________
Address tag
<!DOCTYPE html>
<html>
<head>
<title>Address</title>
</head>
<body>
My Address is.
<Address>
Ramesh,<br>
Kozicode,<br>
Chennai,<br>
Pin-629167,<br>
K.K.Dist.
</Address>
</body>
</html>
Output
__________________________________________
City tag
<!DOCTYPE html>
<html>
<head>
<title>cite</title>
</head>
<body>
This article is written by Merbin Joe and from <cite>Mulagumoodu</cite>.
</body>
</html>
Output
__________________________________________
BDO tag
<!DOCTYPE html>
<html>
<head>
<title>bdo</title>
</head>
<body>
This is normal text
<br>
<bdo dir="rtl">Right to Left Direction</bdo>
</body>
</html>
Output
__________________________________________
Kpd tag
<!DOCTYPE html>
<html>
<head>
<title>kdb</title>
</head>
<body>
kbd define keyboard input
<br>
<kbd>This text style different</kbd>
</body>
</html>
Output
__________________________________________
Samp tag
<!DOCTYPE html>
<html>
<head>
<title>samp</title>
</head>
<body>
samp is defined computer output
<br>
<samp>sample text 09m+56909dDmpxphdf5oPdvsxvxcvjs89-m3mb3hjdsDogv6.265</samp>
</body>
</html>
Output
__________________________________________
Code tag
<!DOCTYPE html>
<html>
<head>
<title>code</title>
</head>
<body>
Usually programming code are written inside the code tag.
<br>
<code>
var a=10;<br>
var b=30;<br>
var c=0;<br>
c=a+b;<br>
alert(c);<br>
</code>
</body>
</html>
Output
__________________________________________
War 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>
Output
__________________________________________
Block quite tag
<!DOCTYPE html>
<html>
<head>
<title>Blockquote Tag</title>
</head>
<body>
The following paragraph is said.
<blockquote>
This paragraph is highlighted separately, because this lines are inside the blockquote tag. So we know this will display in a block.
</blockquote>
</body>
</html>
Output
__________________________________________
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>
Output
__________________________________________
Content debatable attribute
<!DOCTYPE html>
<html>
<head>
<title>Contenteditable</title>
</head>
<body>
For P Tag
<p contenteditable="true">This is the paragraph(p) tag [Click Here]</p>
<br> Div Tag
<br>
<div contenteditable="true">This is the Div element [Click Here]</div>
<br> Span Tag
<br>
<span contenteditable="true">This is the span element [Click Here]</span>
</body>
</html>
Output
__________________________________________
Non breaking space entity tag
<!DOCTYPE html>
<html>
<head>
<title>Non Breaking Space</title>
</head>
<body>
<!--HTML allow only one space if you give more than one space-->
Hi How are you?
<br>
<br>
<!-- is used to give space-->
Hi How are you?
</body>
</html>
Output
__________________________________________
Html character
<!DOCTYPE html>
<html>
<head>
<title>HTML Character Entities</title>
</head>
<body>
<pre> <!--Already we seen about pre tag-->
Less than(<)
Greater than(>)
ampersand (&)
cent (¢)
pound (£)
yen (¥)
euro (€)
copyright (©)
registered trademark (®)
Trademark (™)
Leftwards Arrow (←)
Upwards Arrow(↑)
Rightwards Arrow(→)
Downwards Arrow(↓)
Black Spade Suit(♠)
Black Club Suit(♣)
Black Heart Suit(♥)
Black Diamond Suit(♦)
</pre>
</body>
</html>
Output
__________________________________________
Html character entity tages
<!DOCTYPE html>
<html>
<head>
<title>HTML Character Entities</title>
</head>
<body>
<pre> <!--Already we seen about pre tag-->
Space( )
Less than(<)
Greater than(>)
ampersand (&)
cent (¢)
pound (£)
yen (¥)
euro (€)
copyright (©)
registered trademark (®)
Trademark (™)
Leftwards Arrow (←)
Upwards Arrow(↑)
Rightwards Arrow(→)
Downwards Arrow(↓)
Black Spads Suit(♠)
Black Club Suit(♣)
Black Heart Suit(♥)
Black Diamond Suit(♦)
</pre>
</body>
</html>
Output
__________________________________________
Some mathematicaly character in html
<!DOCTYPE html>
<html>
<head>
<title>HTML Character Entities</title>
</head>
<body>
<pre> <!--Already we seen about pre tag-->
<b>HTML Entities:</b>
For All(∀)
Partial Differential(∂)
There Exists(∃)
Empty Sets(∅)
Nabla(∇)
Element Of(∈)
Not An Element Of(∉)
Contains As Member(∋)
N-Ary Product(∏)
N-Ary Summation(∑)
<b>HTML Numbers:</b>
For All(∀)
Partial Differential(∂)
There Exists(∃)
Empty Sets(∅)
Nabla(∅)
Element Of(∈)
Not An Element Of(∉)
Contains As Member(∋)
N-Ary Product(∏)
N-Ary Summation(∑)
</pre>
</body>
</html>
Output
__________________________________________
Rupy and rb text in html
<!DOCTYPE html>
<html>
<head>
<title>ruby and rp tag</title>
</head>
<body>
<!--The HTML <rp> element is used to provide fall-back parenthesis for browsers non-supporting ruby annotations-->
<ruby>
A <rp>(</rp><rt>a</rt><rp>)</rp>
Z <rp>(</rp><rt>c</rt><rp>)</rp>
</ruby>
<br/>
<br/>
<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
</body>
</html>
Output
__________________________________________
Center tags in html
<!DOCTYPE html>
<html>
<head>
<title>Center tag</title>
</head>
<body>
<center>This is the text display in center</center>
</body>
</html>
Output
__________________________________________
Text box tag in html
<!DOCTYPE html>
<html>
<head>
<title>TextBox</title>
</head>
<body>
<input type="text" value="12345" size="5" maxlength="3">
</body>
</html>
Output
__________________________________________
Password tag in html
<!DOCTYPE html>
<html>
<head>
<title>password</title>
</head>
<body>
Username:
<input type="text">
<br> Password :
<input type="password">
</body>
</html>
Output
__________________________________________
Comments
Post a Comment