# Html Tutorial:  HTML Quotations and comments

We are going to look into some quotations element and what the comment is.

[![AD-BANNER](https://cdn.hashnode.com/res/hashnode/image/upload/v1623431050111/8eiXryc3p.jpeg align="left")](https://res.cloudinary.com/practicaldev/image/fetch/s--c1kDWjYV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41meil9ho9yx2ulb535m.png)

## HTML blockquote tag for quotations

This element defines a section that is quoted from another source. Browsers are known to indent them.

```xml
<p> Here is a quote about life.</p>
<blockquote cite=http://www.blog.hubspot.com>
    The way to get started is to quit talking and begin doing.
</blockquote>.
```

Here is a quote about life.

> The way to get started is to quit talking and begin doing.

## Html cite tag for work title

The `<cite>` tag defines the title of the creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc).

**HTML Code:**

```xml
<p> <cite> the war and peace</cite> by Leo Tolstoy. </p>
```

## Comments

Html comments are usually written to explain a piece of code and is usually ignored by web browsers. They are also useful in documenting your html source code.

```xml
<!------ write your comment here ----> With comment you can place reminders or debug your code easily.
```

```xml
<!------ write your comment here ----> With comment you can place reminders or debug your code easily.
```

### Create Stunning Websites and Web Apps

Building different custom components in React for your web apps or websites can get very stressful. That's why we decided to build contrast. We have put together a UI kit with over 10000+ components, 5 admin dashboards and 23 additional different pages template for building almost any type of web app or webpage into a single product called Contrast Pro. [Try contrast pro!](https://www.devwares.com/product/contrast-pro)

[![Contrast Design Boostrap](https://cdn.hashnode.com/res/hashnode/image/upload/v1623431052053/jDt15JaOK.jpeg align="left")](https://res.cloudinary.com/practicaldev/image/fetch/s--HmPIBlKY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ulsutxnzjpbpaauhvbew.png)

Contrast React Bootstrap PRO is a Multipurpose pro template, UI kit to build your next landing, admin, SAAS, a prelaunch, etc project with a clean, well-documented, well-crafted template and UI components. [Learn more about Contrast Pro](https://www.devwares.com/product/contrast-pro)

### **RESOURCES**

[**Introduction to CSS Animation**](https://www.devwares.com/blog/css-animations/)

[**CSS Colors, Backgrounds, Borders, Margins and Padding**](https://www.devwares.com/blog/css-colors/)

[**CSS Combinators**](https://www.devwares.com/blog/css-combinators/)

[**CSS Flexbox**](https://www.devwares.com/blog/css-flexbox/)

[**CSS Fonts**](https://www.devwares.com/blog/css-font/)

[**CSS Grid**](https://www.devwares.com/blog/css-grid/)

[**CSS Height And Width**](https://www.devwares.com/blog/css-height-and-width/)

[**Tutorial: CSS Icons**](https://www.devwares.com/blog/css-icons/)

[**Tutorial: CSS Pagination**](https://www.devwares.com/blog/css-pagination/)

[**CSS Syntax and Selector**](https://www.devwares.com/blog/css-syntax-and-selector/)

[**CSS Text and Layout**](https://www.devwares.com/blog/css-text-and-layout/)

[**Full Website Layout**](https://www.devwares.com/blog/css-website-layout/)

[**Introduction to CSS**](https://www.devwares.com/blog/css-tutorial-1/)

[**Differences Between Tailwind CSS and Bootstrap**](https://www.devwares.com/blog/diffrences-between-tailwind-css-and-bootstrap/)

[**Differences between Tailwind CSS and SASS**](https://www.devwares.com/blog/differences-between-tailwind-css-and-sass/)

[All you need to know about Html Elements](https://www.devwares.com/blog/html-element/)

[HTML File path, Charset and Meta](https://www.devwares.com/blog/html-file-path)

[Html 5 Formating](https://www.devwares.com/blog/html-5-formating/)

[Html 5 Layout](https://www.devwares.com/blog/html-5-layout/)

[Html 5 Basic Tags Example](https://www.devwares.com/blog/html-basic-tags-example/)

[Html Editors](https://www.devwares.com/blog/html-editors/)

[HTML Quotations and comments](https://www.devwares.com/blog/html-quotations/)

[Including JavaScript in your HTML project.](https://www.devwares.com/blog/html-javascript/)

[HTML Forms](https://www.devwares.com/blog/html-forms/)

[Creating Responsive HTML web design](https://www.devwares.com/blog/html-responsive/)

[HTML Tables, Classes and Ids](https://www.devwares.com/blog/html-table/)

[Introducing HTML](https://www.devwares.com/blog/introduction-to-html/)
