published on:01-01-2024
author:Amrutha A Nambiar

HTML Hub: Crafting the Web

Understanding HTML


IMG22

What Is HTML?

HTML stands for HyperText Markup Language. HyperText denotes text embedded with links leading to other texts or resources. Whenever you click on an emphasized link directing you to another page, that's utilizing hypertext. As these linked pages grow, they interconnect to form a vast "web" of information, giving rise to the term World Wide Web.

Markup involves the special symbols or codes within a document that instruct the web browser on displaying the content. For instance, markup code can dictate text to appear in bold or italics, identify headings versus paragraphs, and more. HTML represents just one among several languages utilizing this markup code to structure and format information on the web.

HTML serves as the cornerstone of any website, providing the fundamental structure and content, encompassing text, links, tables, and connections to images.

CSS, or Cascading Style Sheets, plays a crucial role in defining a page's design, determining the appearance and layout. It allows specifications for elements' sizes, fonts, background colors, and border widths, contributing to the overall visual presentation.

JavaScript, a more intricate language, facilitates interactive features within web pages. Actions like image transformations upon mouse hovering or automatic updates to a shopping cart upon item selection rely on JavaScript's ability to modify the underlying HTML code.

While CSS and JavaScript enhance a site's aesthetics and functionality, HTML lays the essential groundwork. Interestingly, even if CSS or JavaScript encounters issues, most websites will still display HTML content, showcasing its foundational importance in web development.


Structure

The appearance of HTML code is akin to regular text, distinguished mainly by the use of angle brackets that envelop the markup instructions for the browser.

<!DOCTYPE HTML>
<html>
<head
<title> A Simple HTML Example
</head>
<body>
<h1> This is a header </h1>
<p> This is a Sentence in a paragraph.</p>
<p> And this is the second paragraph with <strong> bold text</strong>.</p>
</body>
</html>
CODE1

If you save this code into a text file with the filename “It.html” and open it in your browser, it should display a page like this:

A Simple HTML Example

This is a header

This is a paragraph, centered on the page.

And this is the second paragraph with bold text.

img2



Tags

Tags are used to separate HTML code from regular text.

Some of the tags in HTML