Internet and Web Technology 

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

Ali Seron Jason 0 Comments

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
© 2018 Flowplayer ABAbout FlowplayerGPL based license

 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

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)

  • Purpose: Defines the structure and content of web pages.

  • Functionality: Uses elements like <head>, <body>, <p>, <a>, <div>, etc., to organize content.

  • Example:

    html
    <!DOCTYPE html>
    <html>
    <head>
    <title>My First Web Page</title>
    </head>
    <body>
    <h1>Welcome!</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>

  • Note: HTML is a markup language, not a programming language.

⚙️ 2. JavaScript (JS)

  • Purpose: Adds interactivity and dynamic behavior to web pages.

  • Functionality: Can manipulate HTML elements, handle events, validate forms, and more.

  • Example:

    html
    <button onclick="alert('Hello, World!')">Click Me</button>

  • Integration: Works closely with the Document Object Model (DOM) to interact with page elements.

🖥️ 3. PHP (Hypertext Preprocessor)

  • Purpose: A server-side scripting language used to create dynamic web content.

  • Functionality: Processes data, manages sessions, interacts with databases, and generates HTML dynamically.

  • Example:

    php
    <?php
    echo "Today's date is " . date("Y-m-d");
    ?>

  • Execution: Runs on the server, and the output is sent to the client’s browser as plain HTML.

🔄 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



You May Also Like

Internet and Web Technology Tutorial in Hindi Part 1

Ali Seron Jason 0

Internet and Web Technology Tutorial in Hindi Part 2

Ali Seron Jason 0

Leave a Reply

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

error: