Block of text

Updated: 04/02/2019 by Computer Hope

A block of text is text that's grouped, such as the paragraphs or blockquotes on a web page. Often, the text takes on the shape of a square or rectangular "block."

Example of block of text

For example, the paragraph below is a block of text.

This paragraph forms
a block of text, which
can be short like this,
or extremely long!

Blocks can be referred to when reading web content or when referring to text that is affected by web page code (such as HTML (hypertext markup language), CSS (cascading style sheets), JavaScript, or other languages).

When reading web content, users tend to like text broken up into shorter "blocks" with a clear separation between them (such as paragraphs). For example, the blocks of text below should be fairly easy to read, and to locate where lines and ideas begin and end.

This block of text is the first paragraph in this 
example, and is not very long.
This block of text is the second paragraph, and 
is also not very long, which is nice.

On the other hand, if the text block content is long with no visual separation, it's more difficult to read, as shown in the example below.

This block of text goes on and on and does not have any visual separation between what would normally make up a new paragraph. Instead, it will continue to have more text added to it and look like it has not been formatted. It just keeps going and going and going and will start new topics without separating them with paragraphs. You see, even though this is nice, let's talk about CSS (Cascading Style Sheets), often called style sheets, for a minute. Style sheets are used to affect the appearance of web pages. CSS code contains selectors and definitions for the various tags, classes, or ids that are used when marking up and HTML document. JavaScript, on the other hand, can add additional functionality to a Web page. Since it is a programming language, you can write code to perform any number of tasks. You could change the content within a block of text, change an image when the user places their mouse over a specific part of the page, validate form content, send alert messages, and more. It can be learned through books, tutorials, or classes that are offered in many place, especially on the Web. To delve into server-side programming, you might look into PHP, ASP, Perl, Java, or other available languages. These allow you to save information into databases, handle feedback forms, create shopping carts, and more. Did you read all of this or give up?

As you can see, the previous block of text was probably a bit more difficult to read. It ran a bunch of topics together into one block, rather than separating them with paragraphs or through other means (sidebars, tables, etc). If this were to be posted on an Internet forum or blog others might comment "TL;DR," "Please use paragraphs," or "I stopped reading because it was such a long block of text." It's best to separate text into shorter, more manageable blocks.

When blocks of text are referred to in web page coding, it is often in reference to how they are marked up, formatted, or controlled via scripting/programming. For example, a web developer may want one text block formatted in bold and another in italics. Or, they may want a block of text to display only when a visitor performs an action on the page, such as clicking a button.

Block, Block letter, Pangram, Paragraph, Text, TMI, Typography terms