Tutorialspoint.dev

HTML | Introduction

HTML stands for Hyper Text Markup Language. It is used to design web pages using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. Markup language is used to define the text document within tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most of markup (e.g. HTML) languages are human readable. Language uses tags to define what manipulation has to be done on the text.
HTML is a markup language which is used by the browser to manipulate text, images and other content to display it in required format. HTML was created by Tim Berners-Lee in 1991. The first ever version of HTML was HTML 1.0 but the first standard version was HTML 2.0 which was published in 1999.

HTML Version Year
HTML 1.0 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014

Elements and Tag: HTML uses predefined tags and elements which tells the browser about content display property. If a tag is not closed then browser applies that effect till end of page.

HTML page structure: The Basic structure of HTML page is given below. It contain some elements like head, title, body, … etc. These elements are used to build the blocks of web pages.

<DOCTYPE! html>: This tag is used to tells the HTML version. This currently tells that the version is HTML 5.



<html>: This is called HTML root element and used to wrap all the code.

<head>: Head tag contains metadata, title, page CSS etc. All the HTML elements that can be used inside the <head> element are:

  • <style>
  • <title>
  • <base>
  • <noscript>
  • <script>
  • <meta>
  • <title>

<body>: Body tag is used to enclosed all the data which a web page has from texts to links. All of the content that you see rendered in the browser is contained within this element.

Example: HTML page can be created using any text editor (notepad). Then save that file using .htm or .html extension and open that file in browser. It will get the HTML page response.

<!DOCTYPE html>
<html>
    <head>
    <title>demo web page</title>
    <style>
        h1 {
            color:#009900;
            font-size:46px;
        }
        p {
            font-size:17px;
            margin-top:-25px;
            margin-left:15px;
        }
    </style>
    </head>
      
    <body>
        <h1>GeeksforGeek</h1>
        <p>A computer science portal for geeks</p>
    </body>
</html>                    

Output:
demo page

Features of HTML:

  • It is easy to learn and easy to use.
  • It is platform independent.
  • Images, video and audio can be added to a web page.
  • Hypertext can be added to text.
  • It is a markup language.

Why learn HTML?

  • It is a simple markup language. Its implementation is easy.
  • It is used to create a website.
  • Helps in developing fundamentals about web programming.
  • Boost professional career.

Advantages:

  • HTML is used to build a websites.
  • It is supported by all browsers.
  • It can be integrated with other languages like CSS, JavaScript etc.

Disadvantages:

  • HTML can create only static webpages so for dynamic web page other languages have to be used.
  • Large amount of code has to be written to create a simple web page.
  • Security feature is not good.

Note: Please go through https://tutorialspoint.dev/slugresolver/html-basics/ for HTML basics.



This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter