DEV Community: Elizângela Bezerra da Silva

Basic concepts of blockquote

Elizângela Bezerra da Silva — Sat, 27 Dec 2025 23:15:40 +0000

Guide and list of basic blockquote concepts

"Blockquotes are essential for structure, clarity, and emphasis in writing."

1️⃣ Basic Blockquote

This is a simple blockquote.

2️⃣ Multiple Paragraphs

First paragraph.

Second paragraph.

3️⃣ Inline Formatting

Bold
Italic
Inline code
Link

4️⃣ Nested Level 2

Level 1

Level 2

5️⃣ Nested Level 3

Level 1

Level 2

Level 3

6️⃣ Nested Level 4

Level 1

Level 2

Level 3

Level 4

7️⃣ Nested Level 5

Level 1

Level 2

Level 3

Level 4

Level 5

8️⃣ Nested Level 6

Level 1

Level 2

Level 3

Level 4

Level 5

Level 6

9️⃣ Nested Level 7

Level 1

Level 2

Level 3

Level 4

Level 5

Level 6

Level 7

🔟 Nested Level 8

Level 1

Level 2

Level 3

Level 4

Level 5

Level 6

Level 7

Level 8

1️⃣1️⃣ Code inside Blockquote
function hello() {
  return "Hello World!";
}

1️⃣2️⃣ Emoji support

😄 🚀 💡 🎉

1️⃣3️⃣ Math in blockquote

E = mc^2

a^2 + b^2 = c^2

1️⃣4️⃣ Quote with citation (Markdown style)

"Education is the most powerful weapon which you can use to change the world." – Nelson Mandela

1️⃣5️⃣ Quote with citation (HTML)

"Life is what happens when you're busy making other plans." – John Lennon

1️⃣6️⃣ Combining with lists

Shopping:

Apples

Bananas

Oranges

Tasks:

Homework

Exercise

Reading

1️⃣7️⃣ Nested lists

Project A:

Task 1

Task 2 Project B:

Task 1

Task 2

1️⃣8️⃣ Multiple blockquotes

First quote

Second quote

Third quote

1️⃣9️⃣ Blockquote inside blockquote with code

Outer quote
Inner quote with code:
console.log("Hello!");

2️⃣0️⃣ Using Bold Inside Blockquotes

This text is bold inside a blockquote.

Useful for emphasizing important statements.

2️⃣1️⃣ Using Italic Inside Blockquotes

This text is italic inside a blockquote.

Highlights concepts subtly.

2️⃣2️⃣ Combining Bold and Italic

Bold and Italic can be combined in blockquotes.

Ideal for very strong emphasis.

2️⃣3️⃣ Inline Code in Blockquotes

You can write inline code like let x = 10; inside a blockquote.

2️⃣4️⃣ Multiline Code Blocks

function helloWorld() {
  return "Hello!";
}
Use triple backticks inside blockquotes for larger code examples.

2️⃣5️⃣ Links Inside Blockquotes

You can include links: Markdown Guide

2️⃣6️⃣ Emoji Support

Emojis 😄 🚀 💡 can be added for fun or emphasis.

2️⃣7️⃣ Nested Blockquotes for Dialogue

Alice: Did you finish the report?

Bob: Almost, I need one more section.

Alice: Make sure to double-check numbers.

2️⃣8️⃣ Blockquotes with Lists

Shopping:

Apples

Bananas

Oranges

2️⃣9️⃣ Ordered Lists Inside Blockquotes

Steps:

Open the file

Edit the content

Save changes

3️⃣0️⃣ Multiple Paragraphs

First paragraph.

Second paragraph inside the same blockquote.

3️⃣1️⃣ Horizontal Lines Inside Blockquotes

Use horizontal lines for separation:

Text after the line.

3️⃣2️⃣ Combining Images

Images can be included in blockquotes for visual explanation.

3️⃣3️⃣ Citations

"Education is the most powerful weapon." – Nelson Mandela

3️⃣4️⃣ Nested Emphasis

Level 1 Bold

Level 2 Italic

Level 3 Bold+Italic

3️⃣5️⃣ Using Tables

Feature Example

Bold **text**

Italic *text*

Link [text](url)

Feature	Example
Bold	`text`
Italic	`text`
Link	`[text](url)`

3️⃣6️⃣ Blockquotes with Task Lists

To-Do:

[x] Finish report

[ ] Review notes

[ ] Send email

3️⃣7️⃣ Quotes Within Quotes

Outer quote

Inner quote

Innermost quote

3️⃣8️⃣ Highlight Important Words

Use bold or inline code to highlight key terms in blockquotes.

3️⃣9️⃣ Combining Multiple Blockquotes

Quote 1

Quote 2

Quote 3

4️⃣0️⃣ Styling Blockquotes in HTML

HTML blockquotes can be styled using CSS for better visualization.

4️⃣1️⃣ Using Citations in HTML

This quote has a citation attached.

4️⃣2️⃣ Blockquotes for Tutorials

Step 1: Open editor

Step 2: Write code

Step 3: Test code

4️⃣3️⃣ Blockquotes for Notes

Note: Always save your work frequently.

4️⃣4️⃣ Highlight Warnings

⚠️ Warning: Do not delete system files inside blockquotes for guides.

4️⃣5️⃣ Use Blockquotes for Tips

💡 Tip: Nested blockquotes can help show dialogue or step-by-step instructions.

4️⃣6️⃣ Combining Lists and Code

Commands:

npm install package

npm start

npm test

4️⃣7️⃣ Multi-line Quotes

This is a very long quote that spans multiple lines,

allowing for explanations and details within the same blockquote.

4️⃣8️⃣ Combining Images and Text

You can describe the image below in the same blockquote.

4️⃣9️⃣ Fun Examples

😂 Emojis, jokes, or short dialogues work perfectly in blockquotes.

5️⃣0️⃣ Educational Use

Blockquotes are perfect for teaching concepts, showing quotes, code, warnings, or step-by-step instructions.

5️⃣1️⃣ Using Blockquotes for Definitions

Definition: A blockquote is a section of text that is set off from the main content, typically to highlight a quote or a concept.

5️⃣2️⃣ Using Blockquotes for Examples

Example: > This is how you write a simple blockquote in Markdown.

5️⃣3️⃣ Combining Blockquotes with Headings

Heading inside a blockquote

You can place headings inside blockquotes to organize your content.

5️⃣4️⃣ Using Blockquotes for Explanations

Explanation: Blockquotes help emphasize key points or clarify content without altering the main text flow.

5️⃣5️⃣ Multi-line Nested Quotes

Outer quote

Middle quote

Inner quote

Deeper quote

5️⃣6️⃣ Using Blockquotes for Step-by-Step Guides

Step 1: Install Markdown editor

Step 2: Write your content

Step 3: Preview and test blockquotes

5️⃣7️⃣ Using Blockquotes for References

Reference: Markdown Guide for full Markdown syntax.

5️⃣8️⃣ Blockquotes for Summaries

Summary: Blockquotes can encapsulate summaries or conclusions from sections of text.

5️⃣9️⃣ Using Quotes for Dialogues

Alice: Did you check the updates?

Bob: Yes, all is done.

Alice: Perfect, let's proceed.

6️⃣0️⃣ Adding Inline Formatting

Bold, Italic, Inline code, and links all work inside blockquotes.

6️⃣1️⃣ Blockquotes for Warnings

⚠️ Warning: Be careful with commands in your terminal.

6️⃣2️⃣ Tips Inside Blockquotes

💡 Tip: Use nested blockquotes for multi-level explanations.

6️⃣3️⃣ Combining Lists and Quotes

Todo:

Finish report

Review code

Send email

6️⃣4️⃣ Blockquotes for Fun

😂 You can add jokes, emojis, and small dialogues.

6️⃣5️⃣ Using Tables Inside Blockquotes

Syntax Example

Bold **text**

Italic *text*

Syntax	Example
Bold	`text`
Italic	`text`

6️⃣6️⃣ Combining Images and Text

Images can enhance blockquote examples.

6️⃣7️⃣ Quotes with Citations

"Knowledge is power." – Francis Bacon

6️⃣8️⃣ Blockquotes for Notes

Note: Always check your code for errors.

6️⃣9️⃣ Multi-paragraph Quotes

Paragraph one.

Paragraph two.

Paragraph three.

7️⃣0️⃣ Quotes for Tutorials

Step 1: Open your editor

Step 2: Write your code

Step 3: Run tests

7️⃣1️⃣ Blockquotes in Documentation

Documentation often uses blockquotes to highlight important information.

7️⃣2️⃣ Nested Emphasis

Level 1 Bold

Level 2 Italic

Level 3 Bold+Italic

7️⃣3️⃣ Quotes for Announcements

📢 Announcement: New update available.

7️⃣4️⃣ Combining Links and Blockquotes

Markdown Guide

Reference material can be included in blockquotes.

7️⃣5️⃣ Code Examples

function greet() {
  return "Hello!";
}

7️⃣6️⃣ Nested Code Examples

Outer quote
Inner code:
console.log("Hello World");

7️⃣7️⃣ Combining Lists, Code, and Quotes

Commands:

npm install package

npm start

npm test

7️⃣8️⃣ Using Blockquotes for Inspiration

"The best way to predict the future is to invent it." – Alan Kay

7️⃣9️⃣ Combining Blockquotes with Horizontal Lines

Section start

Content below horizontal line.

8️⃣0️⃣ Quotes for Motivation

💪 Keep going, every step counts!

8️⃣1️⃣ Blockquotes for Definitions with Examples

Term: Markdown

Definition: A lightweight markup language for text formatting

Example: > This is a blockquote in Markdown

8️⃣2️⃣ Using Blockquotes for Notes on Errors

⚠️ Remember: Always save your work to avoid losing data.

8️⃣3️⃣ Nested Emoji Fun

😄 Level 1

🚀 Level 2

💡 Level 3

8️⃣4️⃣ Multi-level Tutorials

Step 1: Install editor

Step 1a: Configure settings

Step 1b: Test environment

8️⃣5️⃣ Using Blockquotes for FAQ

Q: How to use blockquotes?

A: Use > before text.

8️⃣6️⃣ Combining Images, Links, and Text

More info

8️⃣7️⃣ Blockquotes for Coding Tips

💡 Tip: Inline code works inside blockquotes: let x = 10;

8️⃣8️⃣ Quotes for Dialogue

Alice: How are you today?

Bob: Great, thanks for asking!

Alice: Awesome!

8️⃣9️⃣ Using Blockquotes for Highlighting Commands

Terminal commands:

git status

git add .

git commit -m "message"

9️⃣0️⃣ Blockquotes in Documentation Headers

Important Info

Use blockquotes under headings to highlight content.

9️⃣1️⃣ Combining Lists and Paragraphs

Steps:

Open editor

Write code

Test and debug

Notes: Always check for errors.

9️⃣2️⃣ Blockquotes for Study Notes

Remember: Markdown supports multiple blockquote features including code, links, lists, and images.

9️⃣3️⃣ Using Blockquotes for Inspiration Quotes

"Do not watch the clock; do what it does. Keep going." – Sam Levenson

9️⃣4️⃣ Nested Tips

💡 Tip 1: Use blockquotes for key points

💡 Tip 2: Nested blockquotes can organize sub-points

9️⃣5️⃣ Using Blockquotes for Stepwise Instructions

Step 1: Open browser

Step 2: Navigate to site

Step 3: Read instructions carefully

9️⃣6️⃣ Combining Blockquotes with Headings and Code

Code Example:

console.log("Hello World!");

9️⃣7️⃣ Blockquotes for Notes on Style

Style Tip: Keep text concise inside blockquotes for better readability.

9️⃣8️⃣ Quotes for Motivation

"Success is not final, failure is not fatal: It is the courage to continue that counts." – Winston Churchill

9️⃣9️⃣ Using Blockquotes for Caution

⚠️ Caution: Test code in a safe environment before production.

1️⃣0️⃣0️⃣ Mega Summary of Blockquotes

Blockquotes can include:

Text formatting (bold, italic)

Inline and multiline code

Links

Emojis

Lists and tables

Images

Citations

Nested quotes

They are perfect for tutorials, notes, dialogue, warnings, tips, and educational content.

Mega Nested Blockquotes – 50 Levels Family

Level 1

Level 2

Level 3

Level 4

Level 5

Level 6

Level 7

Level 8

Level 9

Level 10

Level 11

Level 12

Level 13

Level 14

Level 15

How to use UCRP?

Elizângela Bezerra da Silva — Sat, 27 Dec 2025 23:00:09 +0000

Warning: This programming language is still under development.

UCRP is a declarative and interpreted programming language developed in CodePen and published in a GitHub repository.

How to use it?

UCRP means Usual Contact Request Permission, Designed to generate a request contact permission

→

Predefined Codes

HTMLit > Generates an HTML Block

JavaScriptIt > Generates an JS Block

NestedBlockquotes+1 > Generates and Blockquote

Okay, but now how do I write UCRP code?

First, you need to understand how a UCRP code works, for example:

/UCRP.code\
<header1>Content<1header>
|;sourceit: n=dwkjfkjfndkjv sourceit;|
|;showit: {{SITENAME}} is requesting your permission to allow contacts showit;|
<layouts>yes-Of Course no-Nope, I dont Want maybe-I think yes and i think no idk-I wont decide at now prefer-no-answer-I prefer not answer this request</layouts>
|;atc: To acess this, click on Contact >> Search >> Touch on any Profile >> Touch on "Adquires User Contact" atc;|
|;braveit: Remember, your request can be changed on config + UCRP Contact + Change Answer + Put the answer you wanted to put braveit;|
|;powering
<delete>Virus and Spammers</delete>
<padding ratius>14 px | 0 px solid #555</padding ratius>
<uneditable>This is a uneditable block</uneditable>
[[end-ucrp.code]]

Now let's get straight to the point!

To generate a delicate UCRP code, you can avoid using SourceIt or BraveIt, and instead use the


 attribute in the hex code

 ```#F8C8DC```

 And the <layouts> options can be arranged in a polite and cute way, example:

/UCRP.code\
Cute UCRP code<1header>
|;showit: Would you please allow contacts for this website/application? 🩷 showit;|
yes-Accepted 🩷 no-Rejected 😞 maybe-More or less 🩷 idk-Don't Know 😞🩷 prefer-not-answer-Prefer Not Answer 🩷
|;atc: To contact, Go to Contacts > Contact someone atc;|
|;powering
Love!
|;colors: #F8C8DC colors;|
[[end-ucrp.code]]



---
If you want something more scientific, you can put <uneditable> From a scientific standpoint, you can also use the |;showit in a more laboratory-like way, And you can put the

 ```|;colors```

 in the hex code

 ```#7FD18C```

 And if it's a laboratory application, the use of UCRP.cods technology will be almost perfect, Here's an example of a lab-style UCRP code for you to use:

/UCRP.code\
UCRP Laboratory 🧪<1header>
|;showit: Do you want to allow contacts in your lab app? 🧪 showit;|
yes-Respectful acceptance no-Respectful Negation maybe-Indecision Present idk-Total Indecision prefer-not-answer-No Response Preferred
|;atc: Contact method used via Gmail in the adress thiscontactnotexistsowonttrutosendamessagetoit@gmail.com atc;|
|;powering
We accept ethical and respectful returns 🧪
|;colors: #7FD18C colors;|
[[end-ucrp.code]]



Now, If you want a tutorial, try this:

/UCRP.code\

|;showit: Welcome to the UCRP Interactive Tutorial!
|;braveit: Learn UCRP tags, layouts, and behaviors step by step
|;sourceit: Only visible in source editor

|;decideit:

yes — I understand 🟢
no — I need help 🔴
maybe — I'm not sure 🟡
idk — I don't know ⚪
prefer-not-answer — I prefer not to answer 💎

understood.html
need-help.html
not-sure.html
dont-know.html
no-answer.html

|;atc: Automatic Tag Coloring (colors below)
|;powering: Enable dynamic behavior for interactive choices
|;uneditable: This block cannot be edited by users

|;showit: Explanation of core tags:

[[end-ucrp.code]]



## Additional Notes
The UCRP.code file currently lacks the area for JavaScript to understand the |;warning, |;footer and <goto>
---
We're still trying to make UCRP.code famous.
## Links
* GitHub Repository: https://github.com/whittow-hub/UCRP.code
* CodePen: https://codepen.io/Jos-Sousa-Barroso/pen/EaKqXGM