{ A destination to learn coding }

Semantic Tags

Definition Tag

<dfn> </dfn>

This tag is used to define a term when it is used for the first time.

Example


<p>

A <dfn>Calculator</dfn> is a device that performs arithmetic 
operations on numbers.

</p>
Output would be:

A Calculator is a device that performs arithmetic operations on numbers.

In the above example, the word calculator is enclosed between the dfn tag. It means that, that particular sentence is the definition of the calculator.
Most of the browsers will display the defined terms in italic form.


Cite Tag

<cite> <cite>

The cite tag is used to give title for a work. The cited text will be displayed in the italic form.

Example:

			
<p>
<cite>Failing Forward</cite> is written by John C. Maxwell.
</p>
			
Output

Failing Forward is written by John C. Maxwell.


<!DOCTYPE html>
<html>
	<head>
	<title>The Semantic Tags</title>
	</head>
	
	<body>
	<h1>Understanding the semantic tags</h1>
		
	<h2>Quote Tag</h2>
	<p>
	He siad <q>The old main was dreaming about the lions.</q>
	</p>
	<br>
	
	<h2>Blockquote Tag</h2>	
	<blockquote>
	<p>
	He turned out the light and went into Jems room. 
	He would be there all night, and  
	he would be there when Jem waked up in the morning.
	</p> <br>
	<cite>To Kill A Mocking Bird</cite>
	</blockquote>
	<br>
	
	<h2>Strong and Emphasis Tags</h2>	
	<p>
	Memories warm you up from inside. <strong>But they also tear you apart.</strong>
	<br>
	I never said <em>she</em> stole my money.
	</p>
	<br>
	
	<h2>Abbr Tag</h2>
	<p>
	<abbr title="Instagram" >Instagram</abbr> and 
	<abbr title="Facebook" >FB</abbr> are the largest 
	social networking platforms.
	</p>
	<br>
	
	<h2>Dfn Tag</h2>
	<p>
	<dfn>Photosynthesis</dfn> is a process by which green leaves 
	of plants taking CO<sub> 2 </sub> and H<sub> 2 </sub>O and converts them into 
	carbohydrates in the presence of sunlight and chlorophyl.
	</p>
	
	</body>
</html>


See Output
learn css