HTML Introduction

Page 1

We are talking about HTML Introduction. An HTML document is a markup language used for creating web pages on the Internet.

What is HTML?

HTML stands for Hyper Text Markup Language

The HTML markup language is the standard for creating Web pages

Web pages are structured using HTML

An HTML document consists of several elements

The HTML elements specify how the content is displayed in the browser

There are various HTML elements used to label different types of content, such as headings, paragraphs, links.

1/5 November 9, 2022
/html/html-introduction
HTML Introduction mrexamples.com
A Straightforward
Example 1 2 3 4 5 6 7 8 9
HTML Document
<!DOCTYPE html> <html> <head> <title>Your Page Title</title> </head>

<body><div><h1>This is just a Heading</h1></div> <div><p>This is just a paragraph.</p></div></body> </html>

Another Example of HTML Document

Example:

<!DOCTYPE html> <html> <head> <title>My Fist HTML page</title> </head> <body> <p>Hello world!</p> </body> </html>

An explanation of the example

It is specified in the <!DOCTYPE html> declaration that this document is HTML5.

The <html> element is the root element of an HTML document

The <head> element contains meta information about the HTML page

The <title> element specifies a page title (which will appear in the browser’s title bar or tab) for an HTML page.

The <body> element defines a document’s body, which contains headings, paragraphs, images, hyperlinks, tables, lists and other visible content.

2/5
1 2 3 4 5 6 7 8 9 10

The <h1> element defines a large heading. (It should appear before any headings and after titles.)

The <p> element describes a paragraph

HTML elements: what are they?

HTML elements have start tags, content, and end tags:

<tagname> Here’s content… </tagname>

From start to finish, the HTML element is: <h1> This is my First Heading </h1> <p> This is my first paragraph. </p>

Start tag Element content End tag

<h1> This is my First Heading. </h1> <p> This is my first paragraph. </p> <br> none none

Note: that some HTML elements, such as the <br> element, are empty. These are referred to as empty elements. Elements that are empty lack an end tag.

Web Browsers

Chrome, Edge, Firefox, and Safari are examples of web browserswhose primary function is to read and accurately display HTML texts.

The HTML tags are used by a browser to decide how to display the page but are not shown themselves:

3/5

HTML Page Structure

Here is an illustration of the structure of an HTML page: <html> <head> <title>Mr Examples Page title</title> </head> <body> <h1>This is just a heading</h1> <p>This is a just paragraph.</p> <p>This is second paragraph.</p> </body> </html>

Note: A browser will show the material contained within the body> section (the white area above). The title bar of the browser or the page’s tab will display the material contained in the title> element.

HTML Manifesto

There have been several HTML variants since the World Wide Web’s inception, including:

4/5
Year
Version

1989 www was created by Tim Berners-Lee.

1991 HTML was created by Tim Berners-Lee.

1993 HTML+ was authored by Dave Raggett.

1995 HTML 2.0 was defined by HTML Working Group.

1997 HTML 3.2 is recommended by mrexamples.

1999 HTML 4.01 is recommended by the mrexamples.

2000 XHTML 1.0 is recommended by the mrexamples.

2008 HTML5 First Public Draft by WHATWG

2012 WHATWG HTML5 Living Standard

2014 HTML5 is recommended by mrexamples

2016 HTML 5.1 is a mrexamplesCandidate Recommendation.

2017 HTML5.1, Second Edition, is recommended by mrexamples.

2017 HTML5.2 is recommended by mrexamples.

Hopefully we covered the whole topic regarding HTML introduction This guide adheres to the most recent HTML5 specification.

5/5

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.