Web page design

Download as pdf or txt
Download as pdf or txt
You are on page 1of 11

Sub:Web Page Designing History of HTML

1.0 Aims of the Microproject:


The aim of this micro-project report is to provide an overview of ‘HTML’ . It is standard language
that all web browser understand. HTML stands for ‘Hypertext Markup Language’. It is used to
create webpages.

2.0 Proposed methodology


The methodology used for preparing a report on 'Installation of Local and Network Printer'
involves a systematic approach to gather and present relevant information about these
components. The followingparagraphs outline the typical methodology for creating such a
report.

1. Research and Information Gathering: The first step is to conduct extensive research on ‘History
of HTML'. This involves referring to reputable sources such as technical documentation,
research papers, industry publications, and online resources. The aim is to acquire a
comprehensive understanding of the functioning, characteristics, and importance of this topic.

2. Defining the Scope: Once the research is complete, it is essential to define the scope of the
report. This includes identifying the key aspects to be covered, such as importance of HTML
as well as their role in web page development, advantages and limitations.

3. Structuring the Report: The report should have a clear structure to ensure facilitate
understanding. It typically includes an introduction, background information, detailed sections
on History of HTML.

4. Presenting Information: The report should present the gathered information in a clear and
organized manner. This involves using appropriate headings, subheadings, numbering points,
tables. comprehension. The information should be factual and supported by reliable references.

5. Analysis and Evaluation: This may involve discussing factors such as Impact on the Web,
Standardization etc.

SSWP/2023-24/IF2k Page 1 of 11
Sub:Web Page Designing History of HTML

3.0 Brief Description of Microproject


3.1. a. Introduction
HTML, stands for Hypertext Markup Language, is the standard language used to create and
design web pages. It forms the backbone of all websites and application, providing the structure
and framework for content and media. HTML is a fundamental part of web development,
serving as the building blocks for creating and organizing content on the building blocks for
creating and organizing content on the internet. It enables the creation of text, images, links
and multimedia on web pages.

Fig 4.1: 1.Logo of HTML

3.1.b.Father OF HTML

Father OF HTML:TIM BERNERS-LEE

The father of HTML is Tim Berners-Lee. He proposed the idea of HTML while
working at CERN (European Organization for Nuclear Research) in 1989 at the
age of 34 and developed the first version of HTML along with the foundational
technologies for the World Wide Web. Tim Berners-Lee is credited with inventing
the World Wide Web and laying the groundwork for modern web technologies.

SSWP/2023-24/IF2k Page 2 of 11
Sub:Web Page Designing History of HTML

3.2. Detailed information


a. What is the main motto of inventing HTML:

HTML was driven by Tim Berners-Lee’s vision of creating a system that would allow scientists
to easily share and access research documents and information at European Organization for
Nuclear Research. He realized the need for a standardized way to format and link documents
on the emerging World Wide Web. Berners-Lee saw the potential of using a markup language
to structure documents with hyperlinks, enabling users to navigate between different pieces of
information seamlessly. This concept formed the basis of HTML, which allowed for the
creation of interconnected web pages, laying the foundation for the modern internet as we know
it today. Additionally, Berners-Lee envisioned the web as a collaborative platform where users
could not only consume information but also contribute to it, fostering an environment of
knowledge sharing and collaboration. HTML was instrumental in realizing this vision by
providing a universal language for creating and sharing content on the web.

b. Journey of HTML:

Year Highlight

1989 Tim Berners-Lee proposes HTML

1993 HTML 1.0 released

1995 HTML 2.0 released, introduces tables and images

1997 HTML 3.2 released, introduces frames and form element

1999 HTML 4.01 released ,introduces style sheet support

2008 Development of HTML5 begins

HTML5 finalized, introduces new sematic elements, multimedia


2014
support, and canvas for drawing

Ongoing evolution of HTML with updates focused on performance,


2024 security and compatibility, development of new features and APIs
for emerging technologies

SSWP/2023-24/IF2k Page 3 of 11
Sub:Web Page Designing History of HTML

c. One Example of HTML

<html>

<head>

<title>EXAMPLE</title>

</head>

<body>

<h1 align="center"><b><u>SHRI SIDDHESHWAR


WOMEN'<small>S</small> POLYTECHNIC, Solapur</u></b></h1>

<h1 align="center"><mark>INFORAMTION TECHNOLOGY</mark></h1>

</body>

</html>

Output :

SSWP/2023-24/IF2k Page 4 of 11
Sub:Web Page Designing History of HTML

d. Some tags in HTML

Tags Discription

<html> Defines the root of an element

<head> Contains meta-information about the HTML document

<title> Defines the title of the document

<body> Contains the visible content of the document


Defines heading of different size
<h1>,<h2>……..<h6>
Like size of <h1>large & <h6>small

<p> Defines a paragraph

3.4 Relevant Information:


a. Softwares for run and write a HTML code
Sr
Software for writing code Software for run the code
No.
1. Visual studio Goggle chrome
2. Subline Text Mozilla Firefox

3. Notepad++ Microsoft edge


b. Difference between Notepad++ & Visual studio

Features Notepad++ Visual studio


Integrated Development
Type Text Editor
Environment
Windows, Linux,
Platform Windows
macOS
Supports various programming
Supports multiple programming
languages but primarily used for text
Languages language with advanced
editing
development features
Suitable for medium to large-scale
Ideal for quick edits, scripting, and
Usage software development projects with
lightweight coding projects
complex requirement
Learning curve Easy to use and navigate Hard to use and navigate

SSWP/2023-24/IF2k Page 5 of 11
Sub:Web Page Designing History of HTML

# Simple code using block level Tags

</style>

</head>

<body>

<h4 align="center">Shri Siddheshwar Devastan Trust's </h4>

<h1 align="center"><b>Shri Siddheshwar Women's Polytechnic,Solapur</b></h2>

<h2 align="center"><u>Information Technology Department</u> </h3>

<h3 align="center"> <b> <u>VISION</u></b> </h3>

<p align="center"> To impart differntiated technical education of Information Technology field that
endure women engineers who influence

the development of humantiy in general and welfare of society.</p>

<h3 align="center"> <b> <u> MISSION </u> </b></h3>

<ul align="left">

<li> To promote excellence in all the areas of Information Technology is kepping speedy growth with
the emerging technologies.</li>

<li> To impart state-of-the-art of technical education to design,develop and test software system</li>

<li> To build the spirit of confidence, team work and professionalism among the students.</li>

</ul>

<h3 align="center"><b><mark>PROGRAM OUTCOMES </mark> </b></h3>

<ul style="list-style-type:none">

<li align="centre"><big> <b>PO</b></big>1.Basic and Discipline Specific knowledge: Apply


knowledge of basic mathematics,science and enginnering

fundamentals and enginnering specialization to solve the enginnering problems.</li>

SSWP/2023-24/IF2k Page 6 of 11
Sub:Web Page Designing History of HTML

<li align="center"><big><b>PO</b></big>2.Problem Analysis: Identify and analyse well-diffened


enginnering problems using codified standard methods.</li>

<li align="center"><big><b>PO</b></big>3.Design/Development of solutions: Design solutions for


well defined technical problems and assist with the design of systems components or processes to meet
specified needs.</li>

<li align="center"><big><b>PO</b></big>4.Enginnering Tools, Experimentation and testing: Apply


modern enginnering tools and appropriate technique to conduct standard tests and measurements.

<li align="center"><big><b>PO</b></big>5.Enginnering Practices for society, Sustainability and


environment : Apply appropriate technology in context of society,sustainbility,environment and ethical
practices.

<li align="center"><big><b>PO</b></big>6.Project Mangement : Use enginnering mangement


priciples individually,as a team member or a leader to manage projects and effectively communicate
about well-deffined enginnering activities</li>

<li align="center"><big><b>PO</b></big>7. Life-Long Learning; ability to analyze individual needs


and engage in updating in the context of technologies changes.</li>

</ul>

<ul style="list-style-type:none" >

<h3 align="center"><i><b><mark> PROGRAM SPECIFIC OUTCOMES(PSO)</mark></b></h3>

<li align="center"><big><b>PSO</b></big><b>1.Modern Information Technology: Use latest


technologies for operation and application of information.</li>

<li align="center"><big><b>PSO</b></big>2.Maintain the information processes using modern


information and communication technologies.<b><i></li>

</ul>

</body>

<html>

</ul>

SSWP/2023-24/IF2k Page 7 of 11
Sub:Web Page Designing History of HTML

</body>

</html>

Output:

SSWP/2023-24/IF2k Page 8 of 11
Sub:Web Page Designing History of HTML

4.0 Advantages

1. Easy to Learn and Use: HTML is relatively easy to learn and understand, making it accessible for
beginners.

2. Platform Independent: HTML documents can be viewed on any platform like Windows, Mac,
Linux, etc., without any compatibility issues.

3. Standardization: HTML is a standardized language maintained by the World Wide Web


Consortium (W3C), ensuring consistency and compatibility across different web browsers.

4. SEO Friendly: Proper use of HTML elements and tags can improve a website's search engine
optimization (SEO) by making it more accessible and understandable for search engine crawlers.

5. Lightweight: HTML files are lightweight and load quickly, which is crucial for improving website
performance and user experience.

6. Compatibility: HTML is compatible with various web browsers, ensuring that web content
renders consistently across different platforms and devices.

5.0 Actual Resources Used

Sr. Details Quantity


Name of resource material
no.
1 Text Book - 1

Reference or Source Name/ Site Chat GPT 1


2
Name from Internet
Processor: 11th Gen Intel(R) Core(TM) i5-
3 Computer System (Hardware) 1135G7 1
Installed RAM: 8.00 GB (7.74 GB usable)
4 Computer System (Software) Ms WORD 1

SSWP/2023-24/IF2k Page 9 of 11
Sub:Web Page Designing History of HTML

6.0 Output of the Microproject

Output of this report provides an overview of HTML in Web developed. I had learnt why
HTML Markup language invented, Simple structure and some tags used in HTML, Advantages
of HTML While developing Web Page.

7.0 Skill Developed /Learning outcomes of this Micro-Project


I can learnt following things:-

i. How to search new subjects


ii. What is necessary in a project
iii. How to gather related things to our subject
iv. Standard format of project

8.0 Applications of Microproject


i. Website development
ii. Online forms
iii. E-book and digital publications
iv. Search engine optimaztion
v. Mobile application development

SSWP/2023-24/IF2k Page 10 of 11
Sub:Web Page Designing History of HTML

9.0 Conclusion
In this report, I have explored the overview and history of HTML. This language play avital role
in web page development. It provides framework for creating and designing web pages. This
language invented by Tim Berners-Lee in 1991.

10.0 References
HTML Tutorial (w3schools.com)

HTML Basics - GeeksforGeeks

SSWP/2023-24/IF2k Page 11 of 11

You might also like