HTML Paragraphs

Paragraphs are defined with the <p> ... </p> tag.
Paragraphs may contain text and inline elements. They are block elements, but they may not contain other block elements, including other paragraphs.
The length of the displayed text will be adjusted by the opening size of the browser.
Browsers automatically add an empty line before and after a paragraph, so, the distance between two successive paragraphs is of two lines.

  - Example:
HTML codeDisplays in browser
<html> 
<head>
<title>Document title</title>
</head>
<body>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
</body>
</html>

Paragraph 1

Paragraph 2

Paragraph 3

Paragraph 4

Line Breaks

The <br /> tag inserts a line break in the content, it allows you to control where to add new line breaks, to force the beginning of a new line at a particular poinnt.

  - Example:
HTML codeDisplays in browser
<html> 
<head>
<title>Document title</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraph 1<br />
Line 2<br />
Line 3<br />
... </p>
<p>Paragraph 2</p>
</body>
</html>
Heading 1

Paragraph 1
Line 2
Line 3
...

Paragraph 2

- <br /> is an empty element, but may contain attribute (id, class, style).
Example:     <br id="idb" />

Horizontal rule

The <hr> (<hr /> for XHTML) tag creates a horizontal line in an HTML page.
The <hr> element can be used to divide a web page into different horizontal areas.
The <hr> tag is a block level element, and it uses the following attributes:
  - Example:
HTML codeDisplays in browser
<html> 
<head>
<title>Document title</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraph 1<br />
Line 2<br />
Line 3<br />
... </p>
<hr>
Some text ...
<hr color="#1111fe" size="4" width="50%">
<p>Paragraph 2</p>
</body>
</html>
Heading 1

Paragraph 1
Line 2
Line 3
...


Some text ...

Paragraph 2

- The preferred way of formatting a horizontal rule is by using CSS, adding an "id" or "class" attribute, or directly "style".
Example:     <hr style="width:50%; height:4px; color:#1111fe" />

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Click on the tag that creates an ordered list
<ul> <tr> <ol>
<ol>
  <li>List-1</li>
  <li>List-2</li>
</ol>
Which selector represents the ID of an element in CSS
.name #name name
#id {
  color: #0110fb;
}
What statement creates an object in JavaScript?
{} [] new Date()
var obj = {"site": "CoursesWeb.net", "pr": 5};
alert(obj.site);
Indicate the instruction used to evaluate if a condiition is True or False
else if() switch()
$var = 8;
if($var == 8) echo $var;
Paragraphs, Line break, Horizontal rule

Last accessed pages

  1. CSS Float and Clear (287)
  2. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (564)
  3. Add and Remove HTML elements and Content with jQuery (3081)
  4. AJAX with POST and PHP (1109)
  5. Ajax-PHP Rating Stars Script (1812)

Top accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (5413)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (5208)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (5001)
  4. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (4802)
  5. PHP Chat Script (4576)