<![CDATA[Stories by Coding Tutorial on Medium]]> https://medium.com/@codingtutorial?source=rss-e2166000ec09------2 https://cdn-images-1.medium.com/fit/c/150/150/1*iP4hfeCI2WIvTnYJLejNjw.png Stories by Coding Tutorial on Medium https://medium.com/@codingtutorial?source=rss-e2166000ec09------2 Medium Thu, 28 May 2026 08:26:44 GMT <![CDATA[HTML Tutorial #2 | HTML Working]]> https://medium.com/@codingtutorial/html-tutorial-1-html-working-79a5b7ad0c57?source=rss-e2166000ec09------2 https://medium.com/p/79a5b7ad0c57 Sat, 29 Oct 2022 00:48:14 GMT 2022-10-29T00:48:35.072Z When we want to access any information on the internet we search that on a web browser. The web browser gets all the content from the web servers. This content is stored in the webservers in the form of an HTML document.
An HTML document is first written with some tags in any code editor or your choice of a text editor and then saved with the “ .html ” extension. After this, the browser interprets the HTML document, reads it, and renders a web page.

In the above figure, we open a simple text editor, then the basic structure is to be written. Now, this file is to be saved with the "index.html" filename. After saving this file, open this file in your web browser. After opening our webpage will look like as the output.
 
Below we’ll discuss this line briefly.

How does HTML Works?

HTML Document:

It's a text document saved with the extension .html or .htm that contains texts and some tags written between "< >" which give the instructions needed to configure the web page.
These tags are fixed and definite. About the structure of html document is explained further.

Browser:

  • A browser is an application that reads HTML documents and renders the webpage.
  • They cannot read the content directly where it is stored. To settle this conflict servers are used.
  • A server acts like an intermediate, it patiently listens to the browser's request and executes it.
  • Now the document is delivered to the browser.
  • Browsers support two parts now: parsing and rendering.
  • When the browser is in the parsing stage, it receives raw bytes which are converted into characters and these characters are then converted into tokens after that tokens are converted into nodes. Then these nodes are linked in a tree data structure known as DOM(Document Object Model).
  • when the DOM tree structure has been constructed, the browser starts its rendering. Now each node in the DOM tree will be rendered and displayed.

Rendered Page:

The rendered page is the output screen of our HTML Document which is the page displayed on the browser

How does the basic website work?

  • Web Browser(client) requests www.kkeducenter.in like websites from the webserver.
  • Webserver in return sends HTML, CSS, and JS files to it.
  • HTML, JS, and CSS files are parsed by a web browser and show you a beautiful website
]]> <![CDATA[HTML Tutorial #1 | What is HTML? Features and History]]> https://medium.com/@codingtutorial/html-tutorial-1-what-is-html-features-and-history-29b1f83b3df3?source=rss-e2166000ec09------2 https://medium.com/p/29b1f83b3df3 Fri, 28 Oct 2022 14:07:49 GMT 2022-10-28T14:07:49.685Z What is HTML?
  • HTML is an initialism for "HyperText Markup Language".
  • It is the language of the web.
  • It is used to create websites.
  • It is used to define a page layout, meaning it is a barebone page structure.
  • HTML is used for making pages of the website also called webpages that we see on the internet
  • It consists of a set of tags.
  • This set of tags is written in HTML Document.
  • ".html" or ".htm" is the extension.
  • There are so many versions of HTML but HTML5 is the latest version.

Features of HTML

  • It is platform-independent.
  • Images, videos, and audio can be added to a web page.
  • Hypertext can be added to the text.
  • It is a markup language.
  • It is interpreted language
  • It can be integrated with other languages like CSS, JavaScript etc.
  • Semantic Structure.
  • local Storage & Indexed DB – Client-side data storage.
  • Offline Capabilities (PWA) with Cache API & Service Workers.

Why the work HyperText & Markup Language

The word hypertext markup language comprises the words “hypertext” and “markup language”. The term "hypertext" refers to the linking of text with other documents and “markup language” refers to a language that uses a set of tags.
So, HTML is the linking of text with other documents using some set of tags.
 
Note:- Tags refers to some meaningful texts enclosed in angle braces <...>. For eg. <head>. Each tag has a different meaning and importance in building an HTML page which can affect the web page in its own ways

A beautiful analogy to understand HTML:

Here in the explanation for the above analogy, the car skeleton refers to HTML with the page body. When that skeleton is painted it the car gets CSS and after all that car is provided with some functionalities like engine, etc (which refers to JavaScript), the car gets life and can run. Similarly, when we develop our websites we need HTML for the structure and if we want our website to look good and prettier we need CSS and if we want to add functionalities to our webpage we need JavaScript.

History of HTML:

  • In 1989, Tim Berners Lee established www and created HTML in 1991.
  • From 1995 to 1997, he started working on versions of HTML.
  • In 1999, a committee was organized that made HTML4.0 a standard.
  • HTML4.0 is used by many, even today. However, the stable version of HTML is 5.0 also known as HTML5.
]]>