User Tools

Site Tools


en:web_design:text:paragraphs

This is an old revision of the document!


Web Development Lesson 2 - Text

Tools: JSFiddle

  • Open jsfiddle in your browser.
  • Paste the following code into the HTML section of jsfiddle.
My Story

Mi amigo Pablo tiene un mascota llamado que le gusta tener su rasgado. Cuando van al parque, le gusta perseguir una . Él rueda en la tierra así que Pablo tiene que lavarlo cuando llegan a casa.

Los domingos conducen a las donde corre el césped y apostando la cola. Se cansa tanto que duerme todo el camino a casa.
  • Click 'Run' at the top left of the screen. The results will be shown at the bottom right.

HTML Tags

  • Notice how the text runs continuously rather than dividing into paragraphs. The browser ignores carriage returns, tabs, double spaces and other document formatting information. We need to add these using HTML 'tags'. Write <p> before each paragraph and </p> at the end of each parragraph. Like this:
My Story
<p>Mi amigo Pablo tiene un mascota llamado que le gusta tener su rasgado. Cuando van al parque, le gusta perseguir una . Él rueda en la tierra así que Pablo tiene que lavarlo cuando llegan a casa.</p>
<p>Los domingos conducen a las donde corre el césped y apostando la cola. Se cansa tanto que duerme todo el camino a casa.</p>
  • Click 'Run' again and observe the results.
  • <p> means 'paragraph'.
  • Each HTML tag <p> must have a corresponding closing tag </p>. The closing tag always includes the symbol /.
  • Everything between the opening and closing tags is considered part of a single paragraph.

Next: Formatting Text

en/web_design/text/paragraphs.1637584794.txt.gz · Last modified: 2023/08/16 09:33 (external edit)