Post
Ask Question

Get to Know the Phrase Elements Of HTML

Introduction 
 
Today, we will be learning about more phrase elements, including <cite>, <code>, and <kbd>. Whenever we code text, we have the option to indicate the source in the opening. The <cite> tag and closing </cite> tag mean that text in between is rendered in italicized text.
 
Let's walk through an example to help understand how to write code using the <cite> tag.
  1. <html>  
  2.     <head>  
  3.         <title> The   
  4.             <cite> tag  
  5.             </title>  
  6.         </head>  
  7.         <body>  
  8.             <p>This blog is writen from   
  9.                 <cite>Beginning Web Development</cite>  
  10.             </p>  
  11.         </body>  
  12.     </html>  
When we write technical content, we may use code to display content on a webpage. For that, there is a <code> element. Here's an example of when to use the <code> tag:
  1. <html>  
  2.     <head>  
  3.         <title> The   
  4.             <code> tag  
  5.             </title>  
  6.         </head>  
  7.         <body>  
  8.             <p>  
  9.                 <code><h1>This is a primary heading </h1> </code>  
  10.             </p>  
  11.         </body>  
  12.     </html>  
Sometimeswe may need to include some keyboard shortcuts. For that, HTML has introduced the <kbd> tag for text type on keyboard. To clear the concept of how to use the tag we may consider quitting an application by force.
 
To guide someone to quit the application by force, we need to show the whole process, which may include the use of keyboard keys. In particular, the <kbd> tag helps to represent keyboard keys in textual form on a webpage, which may develop a better understanding of keys that will help us quit the application. Practicing the example by code will clearly show how it is represented on a webpage:
  1. <html>  
  2.     <head>  
  3.         <title> The   
  4.             <kbd> tag  
  5.             </title>  
  6.         </head>  
  7.         <body>  
  8.             <p>To force quit an application in Windows, hold down the   
  9.                 <kbd>ctrl</kbd>,   
  10.                 <kbd>alt</kbd> and   
  11.                 <kbd>delete</kbd> keys together.   
  12.             </p>  
  13.         </body>  
  14.     </html>  
In my next blog we will be learning how to work with lists in HTML.