Another day, another task: today we will tinker with placeholder texts. But hold your horses – these are not the placeholders you might expect. Let’s jump right into it.

Web developers traditionally use lorem ipsum text as placeholder text. The lorem ipsum text is randomly scraped from a famous passage by Cicero of Ancient Rome.

freeCodeCamp

Only second to „Hello World„, „lorem ipsum“ is one of the best known secrets in the development- as well as design community. While its origin is widely disputed, there seems to be agreement that this seemingly random text derives to a certain degree from Cicero’s „De finibus bonorum et malorum„.

The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn’t distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.

loremipsum.io

Furthermore – and probably more important – this „placeholder text“ is not to be confused with the placeholder attribute, an HTML attribute associated with the <input> and <textarea> elements. This attribute shows a hint to the user in order to describe the expected input value. Often you will see this i.e. with login forms, indicating username and password.

Well, to stop beating around the bush – in this task freeCodeCamp asks the following of us:

Replace the text inside your p element with the first few words of this kitty ipsum text: Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

freeCodeCamp

Alright – finishing this task should be quite straight forward: just change the content between the <p> element:

<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet</p>

And sure enough, we made it ???

Summa summarum: this task is about changing the text between the paragraph element of the previous solution. In order to do so, we need to change “Hello Paragraph” in between the <p> and </p> tags to „Kitty ipsum dolor sit amet„.

Photo by Marcel Friedrich on Unsplash