Activity 2 — Text Exercises

Paragraphs & Line Breaks

This is the first paragraph. The <p> tag defines a paragraph of text. Browsers automatically add spacing before and after each paragraph.

This is the second paragraph.
This line uses a <br> tag
to break lines within the same paragraph.

A horizontal rule <hr> was placed above this paragraph as a visual separator.

<p>This is the first paragraph.</p>
<p>This is the second paragraph.<br>
This line uses a br tag<br>
to break lines within the same paragraph.</p>
<hr>
<p>A horizontal rule was placed above.</p>

Ordered & Unordered Lists

Unordered List (ul)

HTML
CSS
JavaScript
PHP

Ordered List (ol)

Plan the design
Write the HTML
Add CSS styles
Test the page

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<ol>
  <li>Plan the design</li>
  <li>Write the HTML</li>
  <li>Add CSS styles</li>
</ol>

Preformatted Text & Code

The <pre> tag preserves whitespace and line breaks:

  Name:   Daisy Joy Oval
  Course: BS Information Technology
  Year:   3rd Year
  Block:  3F

<pre>
  Name:   Daisy Joy Oval
  Course: BS Information Technology
  Year:   3rd Year
  Block:  3F
</pre>