Html Course


What is HTML? (Hypertext Markup Language)

- It is a logical set of codes that constitues the appearance of a web document and the information contained. The codes are written in '<' (open bracket) and '>' (closed bracket), although they are not really brackets, that is what they are called and look like: < >.

Example:
<BODY> or <DIV>
- Most elements (also named tags) have an element (tag) for opening and a closing element distinguished by '/' inside the brackets: '< >'.
Example:
<DIV> ... </DIV>
- The first word that appears inside the '<' is called element or HTML label and tells the browser what item to create; something like <DIV> (a block element).
- The words follow after that element inside '< >'are named attributes they describe the element's properties. Such as color, size, etc.
- Attributes are separated by spaces and followed by an equal sign '=', after which the attribute's values are written into quotes (' ').
- Thus, a HTML label may contain the identifier, attributes and values.
- In the following example, DIV is the element, style is the attribute and 'color;blue;' is the value:
<DIV style='color:blue;'>This text will be blue</DIV>

HTML Document Structure

- A HTML document (file) consists of several elements and their attributes.
- At first a HTML element contains (surrounds ) the document's data. This element contains two main sub-elements HEAD and BODY. In HEAD you can add the webpage's title and other elements known as metatags, and also JavaScript scripts and CSS styles. In BODY you add the document's content which will be displayed on the webpage.

Example:
<!DOCTYPE html>
<html>
 <head>
 <title>Document Title</title>
 </head>
 <body>
 Webpage content
 </body>
</html>

The overall structure of a HTML document


<!DOCTYPE html>
<html>

    <HEAD> This one also has multiple sub-elements:
        <TITLE> Here write the title of the document, as suggestive as possible, and end it with </TITLE>
        <BASE> Can be used to record the location of the document in URL form. (Required if the document is not accessed in its original location). Ends with </BASE>
        <LINK> Indicates a relationship between the document and other objects on the WEB. Ends with </LINK>
        <META>  Here you write information such as the keypad (language) used, description and keywords that can be found by search engines. Ends with </META>
        <SCRIPT> Contains any JavaScript or VB script. Ends with </SCRIPT>
        <STYLE> Contains information about style, graphic on the content that will appear on the webpage. Ends with </STYLE>
    This is where the elements added in HEAD end
    </HEAD>
    <BODY> HTML labels and content of the document that are to be displayed on the website are included in this element. You can also add here elements such as: <SCRIPT> </SCRIPT>
Ends with
    </BODY>
    </HTML>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Click on the HTML tag which creates an horizontal line in web page.
<br /> <em> <hr />
Some content ...
<hr />
Content under line ...
Which CSS property defines the text color?
font-style font-variant color
h2 {
  color: #cbdafb;
}
Click on the function which searches if a character, or text exists in a string.
indexOf() toString() split()
var str = "Web courses - http://CoursesWeb.net/";
if(str.indexOf("http://") == -1) alert("http:// isn`t in string");
else alert("http:// is in string");
Which function splits a string into an array of strings based on a separator?
array_merge() explode() implode()
$str = "apple,banana,melon,pear";
$arr = explode(",", $str);
var_export($arr);      // array (0=>"apple", 1=>"banana", 2=>"melon", 3=>"pear")
Basic HTML elements

Last accessed pages

  1. MySQLDumper - Backup MySQL Database (1788)
  2. Upload Files with Express and Multer (1993)
  3. Get Mouse coordinates inside a Div or an Image (16406)
  4. Get Duration of Audio /Video file before Upload (15445)
  5. CSS Outline (2682)

Popular pages this month

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