Scribd
Upload
0 views5 pages

Introduction to Web Technology

The document provides an overview of web technology, including programming languages, frameworks, libraries, and tools essential for web development. It covers HTML structure, features, forms, CSS usage, and definitions related to web pages, websites, and client/server operations. Key programming languages mentioned include JavaScript, Python, and PHP, along with popular libraries and databases.

Uploaded by

threase9000
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0 views5 pages

Introduction to Web Technology

The document provides an overview of web technology, including programming languages, frameworks, libraries, and tools essential for web development. It covers HTML structure, features, forms, CSS usage, and definitions related to web pages, websites, and client/server operations. Key programming languages mentioned include JavaScript, Python, and PHP, along with popular libraries and databases.

Uploaded by

threase9000
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Introduction to Web Technology

Web technology refers to the tools and techniques used to communicate


between different devices over the internet. It encompasses various
programming languages, frameworks, libraries, and tools that enable the
creation, deployment, and management of websites and web applications.
Web technologies are essential for building interactive, scalable, and
dynamic online platforms that cater to diverse user needs.

Five Programming Languages and Frameworks Used for


Web Development

1. JavaScript: A versatile scripting language used for creating interactive


and dynamic web content.
2. Python: Popular for backend development, often paired with
frameworks like Django or Flask.
3. PHP: A server side scripting language widely used for building dynamic
websites.
4. Ruby on Rails: A web application framework written in Ruby, known for
its developer friendly conventions.
5. React: A JavaScript library for building user interfaces, often used in
Single Page Applications (SPAs).

Libraries and Databases Used in Web Development

Libraries:

1. React.js
2. jQuery
3. Angular
4. Lodash
5. D3.js

Databases:

1. MySQL
2. MongoDB
3. PostgreSQL
4. SQLite
5. Firebase

Definition of CMS with Example


A Content Management System (CMS) is software that enables users to
create, manage, and modify content on a website without requiring
specialized technical knowledge. Examples of CMS include WordPress,
Joomla, and Drupal.

HTML and Its Structure

HTML (HyperText Markup Language) is the standard language for creating


and designing web pages. It uses a series of elements and tags to
structure and display content on the web. The basic structure of an HTML
document is as follows:

< html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a paragraph.</p>
</body>
</html>

Features of HTML

1. Platform independent.
2. Easy to learn and use.
3. Supports multimedia integration.
4. Enables hyperlinking to connect pages.
5. Forms the backbone of web pages.

HTML Form and Its Elements

HTML forms are used to collect user input and send it to the server for
processing. A form is created using the <form> tag. Ten common form
elements and their syntax are listed below:

1. Text Input: <input type="text" name="username">


2. Password Input: <input type="password" name="password">
3. Radio Button: <input type="radio" name="gender" value="male">
Male
4. Checkbox: <input type="checkbox" name="hobby" value="reading">
Reading
5. Submit Button: <input type="submit" value="Submit">
6. Reset Button: <input type="reset" value="Reset">
7. Dropdown List: <select name="country"><option
value="usa">USA</option></select>
8. Textarea: <textarea name="message"></textarea>
9. File Input: <input type="file" name="profile">
10. Hidden Field: <input type="hidden" name="userid" value="1234">

Types of Tags in HTML

1. Container Tags: These tags have an opening and closing pair, e.g.,
<div>...</div>.
2. Empty Tags: These tags do not have a closing pair, e.g., <img
src="image.jpg">.

Example:

html
<p>This is a container tag.</p>
<img src="image.jpg" alt="Example"> <! This is an empty tag >

Layout of HTML

The layout of an HTML document is defined using elements like


<header>, <nav>, <main>, <aside>, and <footer>. These semantic
tags help structure content logically:

html
<header>
<h1>Website Header</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<main>
<section>
<h2>Main Content</h2>
<p>This is the main section.</p>
</section>
</main>
<footer>
<p>Footer Information</p>
</footer>

CSS and Its Uses

CSS (Cascading Style Sheets) is a stylesheet language used to control the


appearance and layout of web pages. It separates content (HTML) from
presentation, enhancing flexibility and maintainability.

Uses:

1. Defines colors, fonts, and styles.


2. Controls layout and spacing.
3. Enables responsive designs.
4. Provides consistency across web pages.

Types of CSS

1. Inline CSS: Applied directly to an element using the style attribute.


html
<p style="color: blue;">This is blue text.</p>

2. Internal CSS: Defined within a <style> tag in the <head> section.


html
<style>
p { color: green; }
</style>

3. External CSS: Stored in a separate file with a .css extension and linked
to the HTML.
html
<link rel="stylesheet" href="styles.css">

Definitions

1. Web Page: A document accessible on the web, written in


HTML and viewed in a browser.
2. Website: A collection of related web pages hosted under a single
domain.
3. Client Side: Refers to operations performed on the user's
device
4. Server Side: Refers to operations performed on the server
5. Front End: The user facing part of a website, built using
HTML, CSS, and
6. Back End: The server side part of a website, involving
databases, application
7. Web Hosting: The service of providing storage and access to websites
on the internet.

You might also like