Web Technology | Origin of Internet | Web Browsers | HTML concept

 


Web Technology I

Introduction

Web technology is related to the interface between web servers and their clients using the internet. This information includes markup languages, programming interfaces and languages, and standards for document identification and display.

Origin of Internet

Its origin dates back to 1969 when it was called ARPAnet (Advanced Research Project Agency network) and was exclusively used for military purposes. It soon emerged with non-governmental and parallel academic networks which grew and eventually came to be called Internet in the year 1979. Today, Internet is simply a network of world-wide network of computer networks connected to each other by devices called Internetworking devices. The computers on the Internet contains information on history, politics and medicine, science and technology, sports, current events and many more topics and thus it is also called ‘information super highway’. The Internet is growing exponentially every day and has made the planet a ‘global village’ where everybody can be connected to each other.

Applications of Internet

➢ Exchange emails.

 ➢ Send/receive documents, sound, animation and graphics or picture files all over the world.

 ➢ Browse information on matters related to academic and professional topics.

 ➢ Join specific topic-oriented discussion groups - Blogs.

 ➢ Sell products and services – E-commerce.

 ➢ Entertainment (games, music, etc).

 ➢ Download software and software updates.

 ➢ Online education and exams. 

The positive impacts of the internet include the following: 

● It provides effective communication using emailing and instant messaging services to any part of the world.

 ● It improves business interactions and transactions, saving on vital time.

 ● Banking and shopping online have made life less complicated.  

● You can access the latest news from any part of the world without depending on the TV or newspaper. ● Education has received a huge boost as uncountable books and journals are available online from libraries across the world. This has made research easier. Students can now opt for online courses using the internet. 

● Application for jobs has also become easier as most vacancies are advertised online with online applications becoming the norm. 

● Professionals can now exchange information and materials online, thus enhancing research.

 The negative impacts of the internet on society include: 

● Easy availability of illegal or inappropriate materials online that isn’t age-suitable.

 ● Addiction to social networks can disrupt an individual’s life, both personally and professionally. 

● Some miscreants(hackers) use the internet to hack into people’s accounts for spurious activities including stealing data or banking information. 

● Yet others have been known to misuse the internet for spreading hate and terrorism, two dangerously catastrophic scenarios.

WWW (World Wide Web)

WWW is a system of interlinked hypertext documents that are accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks. 
➢ Tim Berners Lee, a British computer scientist invented WWW in 1989.
 ➢ Consists of all the public Web sites connected to the Internet worldwide, including the client devices (such as computers and cell phones) that access Web content. 
➢ The WWW is just one of many applications of the Internet and computer networks and is based on: HTML, HTTP, Web servers and Web browsers.

How does it work?


➢ Web information is stored in documents called Web pages (Html files). Web pages are files stored on computers called Web servers. Computers reading the Web pages are called Web clients. Web clients view the pages with a program called a Web browser.

 ➢ A web browser is client software that allows you to display and interact with a hypertext document hosted on the web server. Popular browsers are Chrome, Mozilla Firefox, Opera, Internet Explorer and Netscape Navigator. A browser fetches a Web page from a server by a request. A request is a standard HTTP request containing a page location address. Something like: http://www.someone.com/page.htm ➢ All Web pages contain display instructions like HTML tags which the browser reads to display page information.

Web page

• Fundamental unit of the web.
 • Contains links, texts, images, audio and video.
 • Web page is the electronic document or softcopy that contains a collection of related information found on the Internet.
 • Contact Page, Registration Page, Sign Up Page, About Page, or any other page like this. Website 
• A website is a collection of several webpages linked together using hyperlinks. 
• Website contains a home page.
• Amazon.com, Wikipedia.org etc.

Web Browsers

• Web browsers is client based application software that allows a user to display and interact with web pages. 
• It is the software that is needed to find, retrieve, view and send information over the Internet. 
• Web Browsers are intended to Display the web page of the current URL available at the server. 
• Some of the popular browsers are Google chrome, internet explorer, mozilla firefox, safari etc.

Types of browsers

• Graphical browser 
• This type of browser allows retrieval of text, image, audio and video.
• Example: google chrome, internet explorer
• Text browser 
• This type of browser allows retrieval of text only.
• Example: Lynx

Search Engine

• A search engine is a web-based tool that enables users to locate information on the World Wide Web. Popular examples of search engines are Google, Yahoo!, and MSN Search.
• Search engine is intended to gather Information regarding several URL’s and to maintain it. 

Review of HTML 

What exactly web page is?

 A web page is a document composed basically of text and special codes called tags of some markup languages which make the display of the WWW possible. 
○ Besides textual information, a web document may also contain images, sound, animation, video and also links to other pages anywhere on the web. 
○ A web site is a collection of web pages maintained by a company, university, government or any individual.
 ○ A home page is a web page which opens first while opening any web site. To create a web page, we need only a text editor and a browser. 

What is a Markup Language?.

 HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications. Let's see what is meant by Hypertext Markup Language, and Web page.
Hyper Text: HyperText simply means "Text within Text." A text has a link within it, is a hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other. 
Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc.
 Features of HTML 
1) It is a very easy and simple language. It can be easily understood and modified.
 2) It is very easy to make an effective presentation with HTML because it has a lot of formatting tags. 3) It is a markup language, so it provides a flexible way to design web pages along with the text. 
4) It facilitates programmers to add a link on the web pages (by html anchor tag), so it enhances the interest of browsing of the user.
 5) It is platform-independent because it can be displayed on any platform like Windows, Linux, and Macintosh, etc.
 6) It facilitates the programmer to add Graphics, Videos, and Sound to the web pages which makes it more attractive and interactive. 
7) HTML is a case-insensitive language, which means we can use tags either in lower-case or upper-case.

Example of HTML.

1. <!DOCTYPE>
2. <html>
3. <head>
4. <title>Web page title</title>
5. </head>
6. <body>
7. <h1>Write Your First Heading</h1>
8. <p>Write Your First Paragraph.</p>
9. </body>
10. </html>
Description of HTML Examp

Description of HTML Example

<!DOCTYPE>: It defines the document type or it instruct the browser about

the version of HTML.

<html > :This tag informs the browser that it is an HTML document. Text

between html tag describes the web document. It is a container for all other

elements of HTML except <!DOCTYPE>

<head>: It should be the first element inside the <html> element, which

contains the metadata(information about the document). It must be closed

before the body tag opens.

<title>: As its name suggested, it is used to add title of that HTML page which

appears at the top of the browser window. It must be placed inside the head tag

and should close immediately. (Optional)

<body> : Text between body tag describes the body content of the page that is

visible to the end user. This tag contains the main content of the HTML

document.

<h1> : Text between <h1> tag describes the first level heading of the webpage.

<p> : Text between <p> tag describes the paragraph of the webpage.

HTML Tags

HTML tags are like keywords which defines that how web browser will format

and display the content. With the help of tags, a web browser can distinguish

between an HTML content and a simple content. HTML tags contain three

main parts: opening tag, content and closing tag. But some HTML tags are

unclosed tags.

When a web browser reads an HTML document, browser reads it from top to

bottom and left to right. HTML tags are used to create HTML documents and

render their properties. Each HTML tags have different properties.



Author Spotlight

Santosh Chapagain
Gmail: chapagainsantoshcs@gmail.com
Phone no: +977-9863512955

Post a Comment

0 Comments