WDS8 - Use of Quotes and Comments
Tags: html, wds
Published: 2017-12-13 20:33:18

---
title: "WDS8 - Use of Quotes and Comments"
published: true
tags: HTML,WDS
canonical_url: http://thecodingexpress.blogspot.com/2017/12/wds8-use-of-quotes-and-comments.html
---

In the [last article](http://thecodingexpress.blogspot.in/2017/12/wds7-futher-style-your-html.html) we learned following tags to enhance your HTML:  

- **\<b\>** and **\<strong\>** tags
- **\<i\>** and **\<em\>** tags
- **\<small\>**
- **\<del\>**
- **\<mark\>**
- **\<ins\>**
- **\<sup\>** and **\<sub\>** tags
  

Now let's move forward from styling and see some HTML elements so that we can write quotes in our documents comfortably.  

#### <u><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'>HTML &lt;q&gt; tag for Short Quotations</span></span></u>

This **\<q\>** tag defines a short quotation in HTML. This is mostly used for short inline quotations. Most of the browsers insert **quotation marks(")** before and after the content in quotation tags.<script async src="//jsfiddle.net/TheCodingExpress/xv2qo9bz/embed/html,result/dark/"></script>

#### <u><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'>HTML &lt;blockquote&gt; tag for Large Quotations</span></span></u>

This **\<blockquote\>** tag defines large quotations in HTML. Browsers usually **indent** the content inside **\<blockquote\>** tags. <script async="" src="//jsfiddle.net/TheCodingExpress/0hckq8fg/embed/html,result/dark/"></script>

#### <u><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'>HTML &lt;abbr&gt; for Abbreviations</span></span></u>

HTML **\<abbr\>** tag defines an abbreviation. This tag requires one extra **attribute** called **title**. This attribute takes **full form** for that particular abbreviation **as its value**. The browser uses this full form as the **tooltip** when you hover over an abbreviation. It also helps browsers or search engines for useful information. <script async="" src="//jsfiddle.net/TheCodingExpress/p9wjbouj/embed/html,result/dark/"></script>

#### <u><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'>HTML &lt;address&gt; tag</span></span></span></u>
Although it is not commonly used, It displays text inside it in **italics** and will add the **line break** before and after the content. <script async="" src="//jsfiddle.net/TheCodingExpress/cepbxfe3/embed/html,result/dark/"></script>  

#### <u><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'><span style='font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;'>How to Write Comments in HTML</span></span></u>
Comments are the great way for us(the coders) to know what we are doing in our code. This helps us to understand in later states to find how to improve our code. This comments will not be displayed in the browser, but they will help you while understanding course.  
To write comment start your line with **\<!--** symbol(that is opening \< followed by an exclamation mark and two dashes), write your comment and end with **--\>** symbol (that is two dash followed by closing \>). <script async="" src="//jsfiddle.net/TheCodingExpress/ny26shrn/embed/html,result/dark/"></script>  
  
  

That's all for this article.In the next part, we will learn about some new stuff in HTML. Comment on how you think this article is, what improvements should I do and for any doubts. Share with your friends and _ **keep coding** _.