Internet and Web Technology lecture – Concept of HTML,Java Script,Php

Internet and Web Technology lecture – Concept of HTML,Java Script,Php



play-rounded-fill play-rounded-outline play-sharp-fill play-sharp-outline
pause-sharp-outline pause-sharp-fill pause-rounded-outline pause-rounded-fill
00:00

 Internet and Web Technology Lecture

Concept of HTML, JavaScript, and PHP

The Internet and Web Technology domain consists of three key technologies:
HTML (HyperText Markup Language) → Structure of Web Pages
JavaScript → Adds Interactivity
PHP (Hypertext Preprocessor) → Server-Side Scripting

 HTML (HyperText Markup Language)

HTML is the foundation of web pages.
 It is a markup language that defines the structure of a webpage using tags.
 HTML is not a programming language (it does not support logic or functions).

Basic HTML Structure:

<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to Web Technology</h1>
<p>This is a simple HTML page.</p>
</body>
</html>

Tags used in HTML:

  • <h1> to <h6> → Headings

  • <p> → Paragraph

  • <a href=""> → Links

  • <img src=""> → Images

  • <table> → Tables

  • <form> → User input forms

HTML alone cannot add interactivity. That’s where JavaScript comes in.

 JavaScript (Client-Side Scripting Language)

JavaScript makes web pages dynamic and interactive.
 Runs inside the browser (client-side).
 Used for validations, animations, and event handling.

Example – JavaScript Alert Box:

<script>
alert("Hello! Welcome to Web Technology");
</script>

Example – JavaScript Button Click Event:

<button onclick="showMessage()">Click Me</button>

<script>
function showMessage() {
alert(“Button Clicked!”);
}
</script>

 JavaScript is often used with HTML & CSS to create interactive web pages.
 To handle server-side tasks, we use PHP.

 PHP (Hypertext Preprocessor)

PHP is a server-side scripting language.
 Used for dynamic web pages, form handling, and database connections.
 Runs on web servers (not in browsers).

Example – PHP Basic Code:

<?php
echo "Hello, PHP!";
?>

Example – PHP Form Handling:

<form method="POST" action="process.php">
Enter Name: <input type="text" name="username">
<input type="submit" value="Submit">
</form>

process.php (Server-Side Processing)

<?php
$name = $_POST['username'];
echo "Welcome, " . $name;
?>

 PHP interacts with databases like MySQL for data storage.

 Comparison of HTML, JavaScript, and PHP

Feature HTML JavaScript PHP
Type Markup Language Client-Side Scripting Server-Side Scripting
Runs On Browser Browser Server
Purpose Structure Interactivity Backend Processing
Example Use <h1>Title</h1> alert("Hello!") echo "Hello PHP";

 Summary

HTML → Defines Structure of the Web Page.
JavaScript → Adds Interactivity (Runs on the browser).
PHP → Handles Server-Side Processing (Runs on the server).

 Would you like a detailed example on any topic?

Internet and Web Technology lecture – Concept of HTML,Java Script,Php

Introduction to Internet, World Wide Web, Web Browsers, …

Learning PHP, MySQL, JavaScript, CSS \& HTML5

web & internet technologies (15a05605)

Web Technologies



Leave a Reply

Your email address will not be published. Required fields are marked *

error: