Html Course


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:
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
<h4>Example Paragraphs</h4>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
</body>
</html>

Line Breaks - <br>

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:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Be Happy</h1>
<p>The Peace is Good.<br>
Line 2<br>
Line 3<br>
... </p>
<p>The smile brings joy.</p>
</body>
</html>
- <br> is an empty element, but may contain attribute (id, class, style).
Example:
<br id="idb">

Horizontal rule - <hr>

The <hr> 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 standard attributes: id, class, style.
With the CSS background proerty you can define the line color, and with the height property you can set the line thickness.


- Example:
<!DOCTYPE html> 
<html> 
<head>
<title>Document Title</title>
</head>
<body>
<h1>Page Title</h1>
<p>Paragraph 1<br>
Line 2<br>
Line 3<br>
... </p>
<hr>
<hr style='background:#1111fe; height:3px; width:50%;'>
<p>Paragraph 2</p>
</body>
</html>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Paragraphs, Line break, Horizontal rule

Last accessed pages

  1. Ajax-PHP Chat Script (49173)
  2. SHA256 Encrypt hash in JavaScript (31102)
  3. Include and Require (1423)
  4. PHP Unzipper - Extract Zip, Rar Archives (31613)
  5. A simple script ActionScript 3 (4321)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (317)
  2. PHP Unzipper - Extract Zip, Rar Archives (110)
  3. Read Excel file data in PHP - PhpExcelReader (101)
  4. SHA1 Encrypt data in JavaScript (81)
  5. Get and Modify content of an Iframe (74)
Chat
Chat or leave a message for the other users
Full screenInchide