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 is used in <img> tag for the address of the image?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which CSS code hides the element on page?
display: none; display: inline; position: relative;
#id {
  display: none;
}
What instruction stops the execution of a while() or for() statement?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicate the function that can create a constant.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;
Paragraphs, Line break, Horizontal rule

Last accessed pages

  1. Input text fields (184)
  2. SSEP - Site Search Engine PHP-Ajax (381)
  3. Upload Script for Gallery of Images and Audio files (605)
  4. Get the value of the selected /checked checkboxes in a form (1589)
  5. While and Do While (176)

Top accessed pages

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