Differences

This shows you the differences between two versions of the page.

--- en:web_design:text:paragraphs [2021/11/22 04:48]
mag [Tools: JSFiddle]
+++ en:web_design:text:paragraphs [2023/08/16 09:33] (current)
@@ Line 13: / Line 13: @@
   * Click 'Run' at the top left of the screen. The results will be shown at the bottom right.
-==== HTML Tags ====
+==== Paragraphs ====
   * 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 <html><p></html> before each paragraph and <html></p></html> at the end of each parragraph. Like this:
 <code>My Story
+<p>My friend Pablo has a pet dog called Sam who likes to have his tummy scratched. When they go to the park, he likes to chase a ball. He rolls in the dirt so Pablo has to wash him when they get home.</p>
-My friend Pablo has a pet dog called Sam who likes to have his tummy scratched. When they go to the park, he likes to chase a ball. He rolls in the dirt so Pablo has to wash him when they get home.
+<p>On Sundays they drive to the mountains where he runs around smelling the grass and wagging his tail. He gets so tired that he sleeps all the way home.</p></code>
-On Sundays they drive to the mountains where he runs around smelling the grass and wagging his tail. He gets so tired that he sleeps all the way home.</code>
   * Click 'Run' again and observe the results.

Tech School