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
Which attribute can be used to add CSS styles directly in the HTML tag?
type style class
<div style="width: 80%; border: 3px solid #888888;">Content</div>
Which CSS transform method distorts the HTML element in a given angle (including its content)?
translate() scale() skew()
#some_id {
  transform: skew(20deg, 25deg);
  -ms-transform: skew(20deg, 25deg);   /* IE 9 */
  -webkit-transform: skew(20deg, 25deg);   /* Safari and Chrome */
}
Click on the function which converts a Date object to a string.
indexOf() toString() getDate()
var rightnow = new Date();
alert( rightnow.toString() );
Which function applies a callback function to the elements of the given array?
array_merge() array_search() array_map()
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>");
// apply the strip_tags() function to delete HTML tags from each array item
$arr = array_map("strip_tags", $arr);
}
Paragraphs, Line break, Horizontal rule

Last accessed pages

  1. Simple Flash animation, Save, Export (341)
  2. Pagination Class - Script to paginate content (566)
  3. Read Excel file data in PHP - PhpExcelReader (12327)
  4. Calculate the Age in PHP (451)
  5. While and Do While (1062)

Top accessed pages

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