0% found this document useful (0 votes)
13 views

Lesson 1. HTML Introduction

Uploaded by

yorikii127
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views

Lesson 1. HTML Introduction

Uploaded by

yorikii127
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Introduction

What is HTML?

HyperText Markup Language (HTML) is an acronym for HyperText Markup Language.


HTML is a commonly used markup language, create web pages.
The structure of a Web page is described using HTML.
HTML is made up of several components.
HTML elements label content, such as "this is a heading," "this is a paragraph," "this is a link," and so on.
Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display
them correctly.

A browser does not display the HTML tags but uses them to determine how to display the document:

The HTML code as it appears in the browser


The following picture will show you the connection between the HTML code and what you see in your web
browser to help you understand the connections between the two.
A. This line tells the browser to follow a certain set of rules when interpreting the code that follows.
B. HTML element B. This element nests all subsequent elements and informs the browser that an HTML
page is expected.
C. Element of the head This section contains page-specific information, but nothing is presented on the
page itself.
D. Element with a title. Any material included within the title tags appears at the top of the browser
window. When a person bookmarks a page in their browser, this is what is utilized.
E. Element of the body. The primary window of the browser can render all the material in the body.
F. The first element in the heading. Content that is a heading 1 is shown very big and bold as the first of
six heading components.

G. Element with an image. A graphic file is linked to and displayed on the page.
H. Elements of the paragraph The browser inserts space before and after this element, which frequently
contains many lines of text, by default.
I. Strong element. By default, the contained information is bolded.
J. Heading 2 element. Compare the sizes of the second and third biggest headings.
K. Ordered list element. It specifies the enclosing list elements as numbered.
L. List element. The browser will automatically number multiple list items.

The Structure of an HTML Page


The.html or.htm extensions are used for Hypertext Markup Language (HTML) publications. This extension
enables a web browser or device, such as a smartphone, to recognize HTML content on a page, and the
content of the page is subsequently displayed according to HTML rules by the browser or device.
The content of an HTML page is defined using markup elements. Between the more than () and less than
(>) symbols are markup tags, which are used at the beginning and end of an object or text in an HTML
page. Here are two examples of text heading 1 tags. Although the tags are not visible to the web page
reader, every web browser recognizes the content between the tags as a heading 1.
<h1>New Smoothie Recipe! </h1>
example, the <h1> is the opening tag and the </h1> is the closing tag. So, this entire line of code is an
element. More specifically, it is referred to as the heading 1 element.

A diagram of the structure of an HTML page is shown below:

Note: Only the content inside the <body> section (the white area above) will be displayed in a browser.
HTML History
Sir Tim Berners-Lee invented HTML in late 1991, but it was not formally released until 1995, when it was
renamed HTML 2.0. HTML 4.01 was a significant version of HTML that was released in late 1999. HTML is a
dynamic markup language that has changed over time as different versions have been released. Each
version has allowed its user to construct web pages in a much easier and nicer method, as well as making
sites highly efficient, long before its new standards and specifications are implemented.

 HTML 1.0 was first published in 1993 with the goal of exchanging information that could be read
and accessed by web browsers.
 However, only a small percentage of developers work on website
development.
 As a result, there was no progress in the language.
Then there's HTML 2.0, which was released in 1995 and includes all of the capabilities of HTML 1.0 as well
as a few new ones. It was the official markup language for designing and constructing websites until January
1997, and it enhanced many fundamental elements of HTML.

Then there's HTML 3.0, which saw Dave Raggett present a new paper or draft on the subject. It offered
enhanced HTML elements that provided web administrators with more sophisticated capabilities for
building web pages. However, the new HTML's strong capabilities hindered the browser's ability to make
additional advances.

Then there's HTML 4.01, which is extensively used and was a successful version of HTML prior to HTML
5.0, which is now available and widely utilized. HTML 5 is a more advanced version of HTML 4.01, which
was released in 2012.

There have been several versions of HTML since the beginning of the World Wide Web:

You might also like