Multimedia & Animation PROF. SATISH MALAYI [KLE’s SSMS BCA Athani 1 UNIT-I WEB DESIGN Origins and Evolution of HTML : HTML (Hypertext Markup Language) is the standard markup language used to create web pages. It was first created in the early 1990s by Tim Berners-Lee, a computer scientist who was working at CERN, the European Organization for Nuclear Research. Berners-Lee created HTML as a way to describe and link documents on the Internet, which would later become known as the World Wide Web.  The first version of HTML, HTML 1.0, was released in 1993. It was a simple language that allowed users to create basic web pages using a set of predefined tags, such as

for headings,

for paragraphs, and for links.  HTML 2.0 was released in 1995 and introduced new features, including support for tables and forms.  HTML 3.0 was released in 1997 and was the first version to be developed by a standards organization, the World Wide Web Consortium (W3C). It introduced new features, such as style sheets and frames, and also expanded support for international characters.  HTML 4.0 was released in 1998 and introduced even more features, including support for scripting languages like JavaScript and the ability to embed multimedia content, such as audio and video.  HTML 5, the current version of HTML, was released in 2014. It introduced new features, such as semantic elements that describe the content of web pages in more detail, improved support for multimedia content, and new APIs for creating web applications. Over the years, HTML has evolved to keep up with the changing needs of the web. It has become the backbone of the modern web and is used by millions of developers to create everything from simple websites to complex web applications. Overall, the evolution of HTML has been driven by the need to make web pages more interactive, accessible, and easier to create and maintain. As technology has advanced, so has HTML, and it will continue to evolve in the future to meet the changing needs of web developers and users.
Multimedia & Animation PROF. SATISH MALAYI [KLE’s SSMS BCA Athani 2 The basic syntax of HTML (Hypertext Markup Language) includes: 1. HTML documents are made up of a series of HTML tags, which are enclosed in angle brackets < >. Most tags have an opening tag and a closing tag, with the closing tag preceded by a forward slash /. 2. The content of an HTML document is placed between the opening and closing tags. Within this, there are two main sections: the section, which contains information about the document such as the title and links to CSS stylesheets, and the section, which contains the main content of the document. 3. Tags can have attributes, which provide additional information about the tag. Attributes are specified within the opening tag and typically take the form of attribute name="attribute value". For example, the tag (used for links) can include an href attribute to specify the URL of the link. HTML documents are usually saved with the .html or .htm file extension. Here's an example of a basic HTML document:

Welcome to my page

This is some example text.

Visit Google This example includes the basic structure of an HTML document, with a DOCTYPE declaration, the , , and tags, and some basic content including a heading, a paragraph, and a link.
Multimedia & Animation PROF. SATISH MALAYI [KLE’s SSMS BCA Athani 3 Basic text markup: In HTML, text markup is used to add structure, and formatting to the content of a web page. Here are some of the most common text markup elements (text formatting tags):  - Bold text  - Italic text  - Underlined text  - Strong importance (similar to )  - Emphasis (similar to )  - Highlighted text  - Smaller text  - Larger text  - Superscript text  - Subscript text  - Deleted or struck-through text  - Inserted or underlined text Example of formatting tags

This text is normal.

This text is bold.

This text is strong.

This text is italic.

This text is emphasized.

HTML Small Formatting

HTML Marked Formatting

My favorite color is blue red.

My favorite color is red.

This is _subscripted text.

This is ^{superscripted} text.

Multimedia & Animation PROF. SATISH MALAYI [KLE’s SSMS BCA Athani 4 Images : Images can be displayed on a web page using the element in HTML. Here's an example of how to add an image to an HTML page: In this example:  The src attribute specifies the URL of the image file. This can be a relative or absolute URL, depending on where the image file is located. In this case, the file is located in the same directory as the HTML file.  The alt attribute provides a text description of the image, which is displayed if the image cannot be loaded or for users who rely on screen readers to navigate the web. Optionally, you can also add other attributes to the element to specify the size, alignment, and other properties of the image: In this example:  The width and height attributes specify the width and height of the image in pixels.  The align attribute specifies how the image should be aligned with the surrounding text. In this case, it is aligned to the left. It's important to note that when using images on a web page, it's important to optimize them for web use by reducing the file size as much as possible without sacrificing quality. This can be done using image compression tools or by saving the image in a web-friendly format like JPEG, PNG, or GIF. Example:

HTML Image

This is example for image tag