Html Course


HTML contains several elements, tags and attributes, to display text in multiple formats with different layouts.


Text align

The text alignment can be defined with the text-align:value; css property, in style. The 'value' can be: left, center, right (default is left).

<div style="text-align:center;"> This text is displayed in the center of the Div. </div>

Size, font and color of text

In the style attribute you can add CSS properties to control the type, size, and color of the text displayed in the browser.
- The typeface can be changed with the css font-family:'font_type'; property.

<div style="font-family:'Arial Black';">This is the Arial Black font.</div>

- The text size can be changed with the css font-size property.
<div style='font-size:20px;'>Font with 20px size</div>

- The text color can be changed with the css color property, with a value of type: '#RRGGBB' or 'color name'.
<div style='colo:r#00c000;'>Text with font color #00c000</div>

Bold, Italic, Underline and other elements

Elements often used to format text (called formatting tags): - Often <strong> renders as <b>, and <em> renders as <i>. But <strong> or <em> means that you want the text to be rendered in a way that the user understands as 'important'.
Example:
<b> bold </b>
<i> italic </i>
<u> underline </u>
<em> emphasized </em>
<strong> strong </strong>

Other HTML tags for text formatting

- Set 1: Example:
<pre>
Text within PRE tag after some space,
new line without a BR
</pre>
<cite>Example of cite</cite>
- Set 2: Example:
<del>Deleted text</del><br>
<small>Display the text in smaller format</small><br>
<sub>Place text in subscript position</sub> Normal text <sup>Place text in superscript position</sup>
- Set 3 (The following tags are used for documents with technical applications): Example:
<p>DOM reference: <code>document.getElementById('id')</code></p>
<dfn>Truecolor</dfn> uses 24 bits per pixel.
<p>Provide alternative error messages to <samp>404 Not Found</samp>
<p>Example with <kbd>text in kbd</kbd> and some <var>$php_var</var>.</p>
- Set 4: Example:
I say: <q>If you want and you really believe, anything is possible.</q>
<blockquote>
 <p>The unrequited joys can bring sadness and shared suffering can bring joy.</p>
 This is the first day of the rest of your life.
 <p>Patience with love and love with patience.</p>
</blockquote>
<address>HTML Course: https://coursesweb.net/html</address>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to add lists into <ul> and <ol> elements?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://coursesweb.net/css/</li>
</ul>
Which value of the "display" property creates a block box for the content and ads a bullet marker?
block list-item inline-block
.some_class {
  display: list-item;
}
Which instruction converts a JavaScript object into a JSON string.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicate the PHP class used to work with HTML and XML content in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
HTML Text Formatting

Last accessed pages

  1. Date and Time in ActionScript 3 (10098)
  2. PHPMailer (2347)
  3. Break and Continue (2356)
  4. Uploading images to server with Ajax (6100)
  5. Convert BBCode to HTML and HTML to BBCode with JavaScript (9436)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (511)
  2. CSS cursor property - Custom Cursors (67)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (48)
  4. The Mastery of Love (47)
  5. Read Excel file data in PHP - PhpExcelReader (43)