DOM - Document Object Model

DOM - Document Object Model

Within the HTML tag we have two important sections, the HEAD and the BODY.In the HEAD
section we will enter data about our web page.
The second section, the BODY section, contains the tags that will be displayed on
the web page

=================================
HTML:


<html>
<head>
<title>My first page!</title>
</head>
<body>

<a href="#"> This is a link </a>
<div>This is a description</div>
  <p>This is a paragrapf</p>
  <h1>This is a "h1" text</h1>
</body>
</html>

=================================




The <div> tag defines a division or a section in an HTML document.
The <div> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.

Try this code in your editor:

=================================
HTML:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Title</title>
</head>

<body>
    <h1>Text with "h1"</h1>
    <h2>Text with "h2"</h2>
    <h3>Text with "h3"</h3>
    <h4>Text with "h4"</h4>
    <h5>Text with "h5"</h5>
    <h6>Text with "h6"</h6>
    Normal text
    <br>
    Another normal text
    <hr>
    <b>This is a BOLD text</b>
    <br>
    <i>This is a ITALIC text</i>
    <br>
    <strong>This is a "STRONG" text</strong>
    <br>
    <em>This is a "EM" text</em>
    <br>
    2<sup>4</sup>
    <br>
    2<sub>4</sub>
    <!-- This is a comment, not showing on your browser
         (You can type this automaticaly with CTRL+/ )-->
       
</body>
</html>

=================================

Comments

Post a Comment

Popular posts from this blog

How to set a minimum products number for an order in OpenCart v. 1.5.6.4

Image
 This modification is for OpenCart version: 1.5.6.4 With this change, the customer will not be able to order products below a certain number of products, in the below example is 50 buc.: Follows the steps: ================================= go to: catalog >> controller >> checkout >> checkout.php ================================= and change the value from: $product_total = 0 ; The zero value is for unlimited products. If you can't handle it and want to pay for this change, you can call here: https://creare-site-web.000webhostapp.com  or WhatsApp: +40 0726 054 690
Read more

How to set a minimum price for an order in OpenCart v. 1.5.6.4

Image
  This modification is for OpenCart version: 1.5.6.4 With this change, the customer will not be able to order products below a certain value. Follows the steps: ================================= go to: catalog >> controller >> checkout >> cart.php ================================= And edit the code like this: Then go to:  ================================= go to: catalog >> controller >> checkout >> checkout.php ================================= and edit like this: then go here: ================================= go to: catalog >> controller >> language >> english >> checkout >> cart.php ================================= Change to "english" for english, but you must to enter to "france" for france, etc. and make the same changes in cart.php from that language folder. If you can't handle it and want to pay for this change, you can call here: https://creare-site-web.000webhostapp.com  or WhatsApp: +40...
Read more

Reverse a number

In this exercise we will try to write code to reverse any number. For this exercise we chose a random number to test our code with: Example Input: 39582 Expected Output: 28593 First time I converted the number into a string, I used the split() method, then the reverse() method and the last time join() to bring it all together. I named the function "reverse_a_number",  but it can have any name you want. There are different ways to convert number to string : String literal -> str = "" + num + ""; String constructor -> str = String(num); toString -> str = num.toString(); String Literal simple -> str = "" + num; ================================= HTML: <! DOCTYPE html > < html > < head > < meta charset = utf-8 /> < title > Reverse a number </ title > < script src = "javascript.js" ></ script > </ head > < body >   < p > Open console log! </ p > <...
Read more