HTML Scripts

« Previous Chapter Next Chapter »

JavaScripts make HTML pages more dynamic and interactive.


CodeIt Online Examples

Insert a script
How to insert a script into an HTML document.

Use of the <noscript> tag
How to handle browsers that do not support scripting, or have scripting disabled.

The HTML script Element

The <script> tag is used to define a client-side script, such as a JavaScript.

The script element either contains scripting statements or it points to an external script file through The source attribute.

The required type attribute specifies the MIME type of the script.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

The script below writes Hai Everyone! to the HTML output:

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>An Example for testing - QcTutorials </title>
</head>
<body>
<script type="text/javascript">
document.write("Hai Everyone!")
</script>
</body>
</html>
Code it Online »

Hint: To learn more about JavaScript, visit our JavaScript tutorial!

The HTML noscript Element

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support client-side scripting.

The noscript element can contain all the elements that you can find inside the body element of a normal HTML page.

The content inside the noscript element will only be displayed if scripts are not supported, or are disabled in the user’s browser:

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>An Example for testing - QcTutorials </title>
</head>
<body>
<script type="text/javascript">
document.write("Hai Everyone!")
</script>
<noscript>Sorry, your browser does not support JavaScript</noscript>
</body>
</html>
Code it Online »


HTML Script Tags

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts


« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!