Follow us on Facebook

2. What is HTML

What is HTML

HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications. Let's see what is meant by Hypertext Markup Language, and Web page.
Hyper Text: HyperText simply means "Text within Text." A text has a link within it, is a hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other.
Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc.






Web Page: A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. With the help of HTML only, we can create static web pages.
Hence, HTML is a markup language which is used for creating attractive web pages with the help of styling, and which looks in a nice format on a web browser. An HTML document is made of many HTML tags and each HTML tag contains different content.
Let's see a simple example of HTML.
  1. >  
  2. <html>  
  3. <head>  
  4. <title>Web page titletitle>  
  5. head>  
  6. <body>  
  7. <h1>Write Your First Headingh1>  
  8. <p>Write Your First Paragraph.p>  
  9. body>  
  10. html>  
Test it Now

Description of HTML Example

: It defines the document type or it instruct the browser about the version of HTML.
 :This tag informs the browser that it is an HTML document. Text between html tag describes the web document. It is a container for all other elements of HTML except
: It should be the first element inside the element, which contains the metadata(information about the document). It must be closed before the body tag opens.
:</strong> As its name suggested, it is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. (Optional)<br /> <strong style="color: black;"><body> </strong>: Text between body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document.<br /> <strong style="color: black;"><h1> </strong> : Text between <h1> tag describes the first level heading of the webpage.<br /> <strong style="color: black;"><p>  </strong>: Text between <p> tag describes the paragraph of the webpage.<br /> <hr style="background-color: #d4d4d4; border: 0px; clear: both; color: #d4d4d4; height: 1px;" /> </td></tr> </tbody></table> </h1> <h2 class="h2" style="color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 25px; font-weight: 400; line-height: 1.3em;"> Brief History of HTML</h2> <h1 class="h1" style="background-color: white; color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.3em; margin-top: 5px;"> <table style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 782.4px; word-spacing: 0px;"><tbody> <tr><td style="color: black; font: 13px/23px verdana, helvetica, arial, sans-serif; margin-left: 20px;">In the late 1980's , a physicist, Tim Berners-Lee who was a contractor at CERN, proposed a system for CERN researchers. In 1989, he wrote a memo proposing an internet based hypertext system.<br /> <strong style="color: black;">Tim Berners-Lee</strong> is known as the father of HTML. The first available description of HTML was a document called "HTML Tags" proposed by Tim in late 1991. The latest version of HTML is HTML5, which we will learn later in this tutorial.<br /> <hr style="background-color: #d4d4d4; border: 0px; clear: both; color: #d4d4d4; height: 1px;" /> </td></tr> </tbody></table> </h1> <h2 class="h2" style="color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 25px; font-weight: 400; line-height: 1.3em;"> HTML Versions</h2> <h1 class="h1" style="background-color: white; color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.3em; margin-top: 5px;"> <table style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 782.4px; word-spacing: 0px;"><tbody> <tr><td style="color: black; font: 13px/23px verdana, helvetica, arial, sans-serif; margin-left: 20px;">Since the time HTML was invented there are lots of HTML versions in market, the brief introduction about the HTML version is given below:<br /> <strong style="color: black;">HTML 1.0:</strong> The first version of HTML was 1.0, which was the barebones version of HTML language, and it was released in1991.<br /> <div class="_ap_apex_ad" data-refresh-time="1560188183937" data-render-time="1560188144782" data-section-id="4" data-section="b3a914fc-a059-4fc8-bb26-24febcb18ab6" data-timeout="246" data-xpath="" id="b3a914fc-a059-4fc8-bb26-24febcb18ab6" style="clear: both; display: block; margin: 0px auto; text-align: center;"> <div data-google-query-id="CNXw1uO53-ICFUIacgod7BUCjw" id="ADP_37780_300X250_b3a914fc-a059-4fc8-bb26-24febcb18ab6"> <div id="google_ads_iframe_/103512698/21794627455_0__container__" style="border: 0pt none; display: inline-block; height: 250px; width: 300px;"> <iframe data-google-container-id="j" data-is-safeframe="true" data-load-complete="true" frameborder="0" height="250" id="google_ads_iframe_/103512698/21794627455_0" marginheight="0" marginwidth="0" name="" sandbox="allow-forms allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" scrolling="no" src="https://tpc.googlesyndication.com/safeframe/1-0-33/html/container.html" style="border: 0px; vertical-align: bottom;" title="3rd party ad content" width="300"></iframe></div> </div> </div> <strong style="color: black;">HTML 2.0:</strong> This was the next version which was released in 1995, and it was standard language version for website design. HTML 2.0 was able to support extra features such as form-based file upload, form elements such as text box, option button, etc.<br /> <strong style="color: black;">HTML 3.2:</strong> HTML 3.2 version was published by W3C in early 1997. This version was capable of creating tables and providing support for extra options for form elements. It can also support a web page with complex mathematical equations. It became an official standard for any browser till January 1997. Today it is practically supported by most of the browsers.<br /> <strong style="color: black;">HTML 4.01:</strong> HTML 4.01 version was released on December 1999, and it is a very stable version of HTML language. This version is the current official standard, and it provides added support for stylesheets (CSS) and scripting ability for various multimedia elements.<br /> <strong style="color: black;">HTML5 :</strong> HTML5 is the newest version of HyperText Markup language. The first draft of this version was announced in January 2008. There are two major organizations one is W3C (World Wide Web Consortium), and another one is WHATWG( Web Hypertext Application Technology Working Group) which are involved in the development of HTML 5 version, and still, it is under development.<br /> <hr style="background-color: #d4d4d4; border: 0px; clear: both; color: #d4d4d4; height: 1px;" /> </td></tr> </tbody></table> </h1> <h2 class="h2" style="color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 25px; font-weight: 400; line-height: 1.3em;"> Features of HTML</h2> <h1 class="h1" style="background-color: white; color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.3em; margin-top: 5px;"> <table style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 782.4px; word-spacing: 0px;"><tbody> <tr><td style="color: black; font: 13px/23px verdana, helvetica, arial, sans-serif; margin-left: 20px;">1) It is a very <strong style="color: black;">easy and simple language</strong>. It can be easily understood and modified.<br /> 2) It is very easy to make an <strong style="color: black;">effective presentation</strong> with HTML because it has a lot of formatting tags.<br /> 3) It is a <strong style="color: black;">markup language</strong>, so it provides a flexible way to design web pages along with the text.<br /> 4) It facilitates programmers to add a <strong style="color: black;">link</strong> on the web pages (by html anchor tag), so it enhances the interest of browsing of the user.<br /> 5) It is <strong style="color: black;">platform-independent</strong> because it can be displayed on any platform like Windows, Linux, and Macintosh, etc.<br /> 6) It facilitates the programmer to add <strong style="color: black;">Graphics, Videos, and Sound</strong> to the web pages which makes it more attractive and interactive.<br /> 7) HTML is a case-insensitive language, which means we can use tags either in lower-case or upper-case.</td></tr> </tbody></table> </h1> <h4 class="n" style="background: url("images/note.png") 4px 10px no-repeat; border-color: pink pink pink orange; border-image: initial; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 3px; color: green; font-family: sans-serif; font-size: 14px; font-weight: 500; margin-left: 0px; padding: 15px 15px 15px 40px;"> NOTE: It is recommended to write all tags in lower-case for consistency, readability, etc.</h4> <h1 class="h1" style="background-color: white; color: #610b38; font-family: erdana, helvetica, arial, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.3em; margin-top: 5px;"> <table style="color: black; font-family: Verdana, Arial, sans-serif; font-size: 13px; width: 782.4px;"><tbody> <tr><td style="font-family: verdana, helvetica, arial, sans-serif; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 23px; margin-left: 20px;"></td></tr> </tbody></table> </h1> </div>

Post a Comment

0 Comments