DEV Community

Cover image for What is HTML?
Sakibul H Sakib
Sakibul H Sakib

Posted on

What is HTML?

HTML (HyperText Markup Language) is the most fundamental building block of the Web. It defines the structure and meaning of web content. Let me break it down for you:

Markup Language:

HTML is a markup language. It uses tags, elements, and attributes to create structured documents.

Tags are enclosed in angle brackets (< and >). They define the beginning and end of a component.

An element consists of a start tag, some content, and an end tag. For example:

<h1>My First Heading</h1>
  <p>My first paragraph.</p>
Enter fullscreen mode Exit fullscreen mode

The HTML element encompasses everything from the start tag to the end tag.

Document Structure:

An HTML document typically starts with a declaration:

<!DOCTYPE html>
Enter fullscreen mode Exit fullscreen mode

This specifies that the document follows the HTML5 standard.

The element is the root element of an HTML page.

Inside the element, we have:

: Contains meta-information about the page (e.g., title, character encoding). : Specifies the page's title (displayed in the browser’s title bar or tab). : Contains the visible content (headings, paragraphs, images, links, etc.).

Example:

 <!DOCTYPE html>
 <html>
   <head>
     <title>Page Title</title>
   </head>
   <body>
     <h1>My First Heading</h1>
     <p>My first paragraph.</p>
   </body>
 </html>
Enter fullscreen mode Exit fullscreen mode

In this example:

defines a large heading.

defines a paragraph.

Web Browsers:

Browsers (like Chrome, Edge, Firefox, and Safari) read HTML documents and display them correctly.

Browsers don’t show the HTML tags directly; they use them to determine how to display the content.

HTML History:

HTML has evolved.

HTML 2.0 (1995)

HTML 3.2 (1997)

HTML 4.01 (1999)

XHTML 1.0 (2000)

HTML5 (2014)

We now follow the latest HTML5 standard.

Remember, HTML provides the structure, while other technologies like CSS handle presentation (styling), and JavaScript handle behaviour. Together, they create rich web experiences! 😊 https://findduzz.hashnode.dev/what-is-html

Top comments (5)

Collapse
 
bbylumi profile image
OLUWAPELUMI

No knowledge is a waste...actually revised my brain with this

Collapse
 
azanduzzs profile image
Sakibul H Sakib

right

Collapse
 
softwaredeveloping profile image
FrontEndWebDeveloping

Hello @azanduzzs ! I just wondered if this is even a necessary thing to explain. I learned all this in my first five hours as a developer, by just doing it? 😊

Just a thought.

Collapse
 
azanduzzs profile image
Sakibul H Sakib

Great

Collapse
 
azanduzzs profile image
Sakibul H Sakib

share your feedback here!