Thursday, June 29, 2017

Html-Phrase Tags[CONCLUSION]

Hello guys good evening,yesterday i made a tutorial on HTML phrase tags and now we gonna conclude on HTML phrase tags,without wasting much time lets get started.

Short Quotations
The <q>......</q> element is used when you are about to add a double quote within a sentence.An example is shown below.

Example
<DOCTYPE html>
<html>
<head>
<title>Double Quotes Example</title>
</head>
<body>
<p>Lagos is in Nigeria, <q>I think am correct</q>.</p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Text Citations
If you are quoting a text,you can indecate the source by placing it between an opening <cite> tag and closing </cite> tag.The content of the <cite> element is displayed as an italiced text by default.An example goes below.

Example
<DOCTYPE html>
<html>
<head>
<title>Text Citation Example</title>
</head>
<body>
<p>This HTML tutorial is derived from <cite>W3 Standard for HTML</cite></p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Computer Code 
When working with HTML,any computer code to appear on the web page should be placed inside <code>.....</code> element.Usually the content of the <code> element is displaced in a monospaced font,just like the code in most programming text books.Lets take a look at the example below.



Example
<DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
<p>Normal text goes here and <code>Computer Code goes here</code> and it continues with a regular text.</p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Keyboard Text
When talking about computers,if you wanna tell the reader to enter some texts,you can use the <kbd>.......</kbd> element indicate what should be typed in.An example goes below

Example
<DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
<p>Insert your<kbd>names and age</kbd>here.</p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Programming Variables
This element is usually used together with the <pre> and the <code> elements to indicate that the content of the element is a variable.Here is a simple example below.



Example
<DOCTYPE html>
<html>
<head>
<title>Programming Variables Example</title>
</head>
<body>
<p><code>document.write("<var>user-name</var>")</code></p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Program Output
The <samp> and </samp> element is used to indicate sample output of a program, and script etc.Again it is mostly used when documenting programming concept.Example goes below.

Example
<DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
<p>The output of this program is <samp>Hello HTML and CSS</samp></p>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Address Text
As the name implies the <address>.....</address> element is used in HTML to contain any address.Lets take a look at a short example below.

Example
<DOCTYPE html>
<html>
<head>
<title>Address Text Example</title>
</head>
<body>
<address>plot 26B Oladimeji Alo Street Lekki Phase 1,Lagos Nigeria</address>
</body>
</html>
You should try the above code out to get a clearer understanding and feel free to drop your questions in the comment box,it will be attended to as soon as possible.

Thats the conclusion for HTML phrase tags,in our next tutorial we gonna be looking at the HTML meta tags,stay tuned for more tutorials,bye for now and GOODLUCK!!!!

Links to previous tutorials on HTML : Html IntroductionHtml TagsHtml Document StructureThe Doctype Declaration , Html Basic Tags , Html Basic Tags2 , Html Elements , Html Attributes , Html Attribute 2 , Html Formating , Html Formatting[CONTINUATION] , Grouping Content , HTML-Phrase Tags
Share:

0 comments:

Post a Comment