--> Sayadasite: Introduction to web technology Section 1

Multiple Ads

Search

Menu Bar

Introduction to web technology Section 1

(Section 2 Section 3 Section 4 Section 5)

Unit 1

Introduction: Introduction to web technology – HTML – types of HTML tags basic Structure of HTML – Web design principles – HTML attributes – styles – Hypertext - Formatting text – Forms & formulating instructions & formulation elements – Commenting code – Back grounds – Images- Hyperlinks – Lists Tables – Frames.

Unit 1 

Introduction:

Introduction to web technology

Web technology encompasses the tools, protocols, and languages that enable the creation, delivery, and interaction with content over the internet. It's the foundation upon which websites, web applications, and online services are built, allowing users to access and share information, communicate, and conduct various activities online. 

Here's a more detailed breakdown:

Core Concepts:

World Wide Web (WWW):

The system of interconnected hypertext documents accessed via the internet. 

Web Browser:

Software applications like Chrome, Firefox, or Safari that render web pages and allow users to interact with them. 

Web Server:

A computer that stores and delivers web pages and other resources to users' browsers. 

Web Pages:

Documents formatted using HTML (HyperText Markup Language) that display content, including text, images, and multimedia. 

Web Development:

The process of creating and maintaining websites and web applications, involving both frontend (user interface) and backend (server-side) development. 

Key Technologies:

HTML (HyperText Markup Language): The foundation of web pages, defining the structure and content. 

CSS (Cascading Style Sheets): Used to style the appearance of web pages, controlling colors, fonts, layout, and more. 

JavaScript: A scripting language that adds interactivity and dynamic behavior to web pages. 

Protocols (e.g., HTTP, TCP/IP): Rules that govern how data is transmitted and exchanged over the internet. 

Web APIs: Interfaces that allow different software systems to communicate and exchange data. 

Databases: Systems used to store and manage the data that powers web applications. 

Frontend vs. Backend:

Frontend Development:

Focuses on the user interface, the part of the website or application that users directly interact with.

Backend Development:

Deals with the server-side logic, database management, and other behind-the-scenes operations. 

In essence, web technology is the comprehensive framework that enables the internet as we know it, from the simple display of information to the complex interactions of online applications. 

 

HTML

What is HTML?

HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web pages

HTML describes the structure of a Web page

HTML consists of a series of elements

HTML elements tell the browser how to display the content

HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link

HTML is generally not case-sensitive 

 

Types of HTML tags basic Structure of HTML

HTML documents are structured using various tags that define the content and its presentation.

 

To declare an Indian language, you would use its corresponding ISO 639-1 language code as the value for the lang attribute. For example:

Hindi: <html lang="hi">

Bengali: <html lang="bn">

Tamil: <html lang="ta">

Telugu: <html lang="te">

Marathi: <html lang="mr">

Gujarati: <html lang="gu">

Kannada: <html lang="kn">

Malayalam: <html lang="ml">

Punjabi: <html lang="pa">

 
 
Basic Structure of an HTML Document:

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8" />

    <meta name="viewport" content=

        "width=device-width, initial-scale=1.0" />

    <title>Structure of HTML Document</title>

</head>

<body>

    <!-- Main content of website -->

    <h1>GeeksforGeeks</h1>

    <p>A computer science portal for geeks</p>

</body>

</html>

 

Every HTML document follows a fundamental structure to organize its content:

<!DOCTYPE html>:

This declaration defines the document type and version of HTML being used, typically HTML5 for modern web pages.

<html>:

The root element that encloses all other HTML content on the page. It often includes a lang attribute to specify the document's language (e.g., <html lang="en">). 

<head>:

<meta charset="UTF-8">: Specifies the character encoding for the document (UTF-8 supports most characters from all languages).

<meta name="viewport" content="width=device-width, initial-scale=1.0">: Controls the layout on mobile devices by setting the viewport width and scaling.

Contains metadata about the HTML document, such as the page title, character set, links to external stylesheets (CSS) Cascading Style Sheets, and scripts (JavaScript). This content is not directly displayed on the web page.

<title>: Sets the title that appears in the browser's title bar or tab. 

<meta>: Provides various metadata like character encoding (charset="UTF-8") or viewport settings.

<link>: Links external resources like CSS files.

<script>: Embeds or links external JavaScript files.

<body>:

Contains the visible content of the HTML document, including text, images, links, forms, and other elements that users interact with.

(Section 2 Section 3 Section 4 Section 5)

No comments:

Post a Comment