Key Concepts

Review core concepts you need to learn to master this subject

HTML script element

<script> console.log("Hello world!"); </script>

The HTML <script> element can contain or reference JavaScript code in an HTML file. The <script> element needs both an opening and a closing tag, and JavaScript code can be embedded between the tags.

The Script Element
Lesson 1 of 3
  1. 1
    HTML defines the structure of a web page by using page elements as the building blocks. However, HTML by itself can not produce web page interactivity, that’s where JavaScript comes in. Below, we …
  2. 2
    The element allows you to add JavaScript code inside an HTML file. Below, the element embeds valid JavaScript code: This is an embedded JS example function Hello() { alert (‘Hello Wor…
  3. 3
    Since you know how to use a element with embedded code, let’s talk about linking code. Linking code is preferable because of a programming concept called Separation of Concerns (SoC). Instead of …
  4. 4
    A quick recap: the element allows HTML files to load and execute JavaScript. The JavaScript can either go embedded inside of the tag or the script tag can reference an external file. Before we …
  5. 5
    When the HTML parser comes across a element, it stops to load its content. Once loaded, the JavaScript code is executed and the HTML parser proceeds to parse the next element in the file. This ca…
  6. 6
    The async attribute loads and executes the script asynchronously with the rest of the webpage. This means that, similar to the defer attribute, the HTML parser will continue parsing the rest of the…
  7. 7
    Let’s review. + HTML creates the skeleton of a webpage, but JavaScript introduces interactivity + The element has an opening and closing tag. You can embed JavaScript code inbetween the openin…

What you'll create

Portfolio projects that showcase your new skills

Pro Logo