DIZNR INTERNATIONAL

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

Ali Seron Jason Ali Seron Jason

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

https://www.gyanodhan.com/video/7A2.%20Computer%20Science/Internet%20and%20Web%20Technology/192.%20Internet%20and%20Web%20Technology%20lecture%20-%20Concept%20of%20HTML%2CCSS%2CJava%20Script%2CPhp.mp4

 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:

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

Certainly! Here’s an overview of Internet and Web Technologies, focusing on the core components: HTML, JavaScript, and PHP.

Internet and Web Technologies Overview

Web development involves both client-side (front-end) and server-side (back-end) technologies. Understanding how these components interact is crucial for building dynamic and interactive websites.

1. HTML (HyperText Markup Language)

2. JavaScript (JS)

3. PHP (Hypertext Preprocessor)

Client-Server Interaction

In a typical web application:

  1. The client (browser) sends a request to the server.

  2. The server processes the request using PHP, interacts with databases if necessary, and sends back an HTML response.

  3. The client renders the HTML, and JavaScript can further enhance interactivity on the page.

Further Learning Resources

Understanding these technologies and how they work together is fundamental for anyone looking to delve into web development.

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

Lecture Notes On WEB AND INTERNET TECHNOLOGIES