HTML- Hyper Text Markup Language | Introduction

Html -Hyper Text Markup Language | Introduction

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

The following is an example of the classic “Hello, World!” program:

<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>

The text between <html> and </html> describes the web page, and the text between <body> and </body> is the visible page content. The markup text <title>This is a title</title> defines the browser page title.

HTML Tags

To identify the document as an HTML document, type <html> at the beginning of the text and </html>

At the end of the text. Although web browsers can display a web page without an HTML tag, it is more appropriate to include the HTML tags, identifying the document as an HTML document. The <html> tag does not affect the appearance of the web page. An HTML document consists of –

  • Head
  • Title
  • Body
Head Elements

The document head contains information about the web page which is essential to the inner working of the document. The beginning and the end of the document head is identified by enclosing it in <head> opening and end </head> closing of the document tags. The “/” denotes the closing tag. The browser does not display  any information of the header element on the web page.

Title Element

Each web page must have a title that  describes its contents. This element  specifies the title of the web page. Type in <title> directly below the <head> tag.

  • Type in a appropriate title for your web page using only alphabets and digits.
  • Now end the title tag by typing in </title>

Example:

<html>
  <head>
       <title>Wikistioanry</title>
  </head>
</html>

The title however is only a title for your Web Page, it will not display  the title on the web page. It is displayed on the tab of the browser.

Body Elements

The body element comes after the head element and contains the main contents of the web page. The body tags are placed around the contents of the web page.

  • Type in <body>  directly below the </head> tag.
  • Below the <body> tag comes the content of the web page.
  • In the content write the heading, the introduction and the sub-headings.
  • At the end of the page, type in </body> before the </html>

Leave a Comment

Your email address will not be published. Required fields are marked *