DEV Community

Cover image for Html Tutorial: HTML Quotations and comments
Devwares profile image Sampson Ovuoba
Sampson Ovuoba for Devwares

Posted on • Originally published at devwares.com on

Html Tutorial: HTML Quotations and comments

#html #webdev #codenewbie #tutorial

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

AD-BANNER

HTML blockquote tag for quotations

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

HTML Code:

<p> Here is a quote about life.</p>
<blockquote cite=http://www.blog.hubspot.com>
    The way to get started is to quite tralking and begin doing.
</blockquote>.
Enter fullscreen mode Exit fullscreen mode

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:

<p> <cite> the war and peace</cite> by Leo Tolstoy. </p>
Enter fullscreen mode Exit fullscreen mode

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.

HTML Code:

<!------ write your comment here ---->
With comment you can place reminders or debug your code easily.
Enter fullscreen mode Exit fullscreen mode

HTML Code:

<!------- This is a paragraph --->
<p> place a reminder </p>
<!---- Remember to add additional information here ----->.
Enter fullscreen mode Exit fullscreen mode

Contrast Bootstrap UI Kit

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!

Contrast Design Boostrap

Contrast React Bootstrap PRO is a Multipurpose pro template, UI kit to build your next landing, admin, SAAS, prelaunch, etc. project with a clean, well documented, well crafted template and UI components. Learn more about Contrast Pro

Resources

Latest comments (0)

Read next

chand1012 profile image

How to Run Llama 3 Locally with Ollama and Open WebUI

Chandler -

ankita482 profile image

Microsoft Upcoming Events!! Join Now

Ankita -

andrepolischuk profile image

How to split pages by device type in Next.js

Andrey Polischuk -

purnimashrestha profile image

10+ Beauty and Cosmetics E-Commerce Website Templates

Purnima Shrestha -