HTML TUTORIALS BLOG HTML (Hypertext Markup Language) uses a markup system composed of elements which represent specific content. HTML is sometimes called a programming language but it has no logic, so is a markup language.

HTML5 Creating a simple page

Introduction :

HTML (Hypertext Markup Language) uses a markup system composed of elements which represent specific content. HTML is sometimes called a programming language but it has no logic, so is a markup language.


HTML tags

provide semantic meaning and machine-readability to the content in the page. An element usually consists of an opening tag (<element_name>), a closing tag (</element_name>), which contain the element's name surrounded by angle brackets, and the content in between:

<element_name>...content...</element_name>

There are some HTML elements that don't have a closing tag or any contents.


Creating a simple page

The following HTML example creates a simple "Hello World" web page.

HTML files can be created using any text editor. The files must be saved with a .html or .htm extension in order to be recognized as HTML files.

Once created, this file can be opened in any web browser.

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="UTF-8">

  <title>Hello!</title>

  </head>

  <body>

  <h1>Hello World!</h1>

  <p>This is a simple paragraph.</p>

  </body>

</html>

These are the tags used in the example:


Tag Meaning

<!DOCTYPE>

Defines the HTML version used in the document. In this case it is HTML5.

<html>

Opens the page. No markup should come after the closing tag (</html>). The lang attribute declares the primary language of the page using the ISO language codes (en for English).

<head>

Opens the head section, which does not appear in the main browser window but mainly contains information about the HTML document, called metadata. It can also contain imports from external stylesheets and scripts. The closing tag is </head>.

<meta>

Gives the browser some metadata about the document. The charset attribute declares the character encoding. Modern HTML documents should always use UTF-8, even though it is not a requirement. In HTML, the <meta> tag does not require a closing tag.

<title>

The title of the page. Text written between this opening and the closing tag (</title>) will be displayed on the tab of the page or in the title bar of the browser.

<body>

Opens the part of the document displayed to users, i.e. all the visible or audible content of a page. No content should be added after the closing tag </body>.


Oldest

2 comments

Click here for comments
January 11, 2021 at 9:44 AM ×

Very good explanation about HTML. Thank you sir

Reply
avatar

ConversionConversion EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng