DEV Community

Vignesh . M
Vignesh . M

Posted on

FRONTEND (HTML)

HTML Introduction
* HTML stands for Hyper Text Markup Language, which is the core language used to structure content on the web. It organizes text, images, links, and media using tags and elements that browsers can interpret. As of 2025, over 95% of websites rely on HTML alongside CSS and JavaScript, making it a fundamental tool in modern web development.

  • It is a markup language, not a programming language. This means it annotates text to define how it is structured and displayed by web browsers.

  • It is a static language, meaning it does not inherently provide interactive features but can be combined with CSS for styling and JavaScript for interactivity

Basic HTML Code Example

<!DOCTYPE html>
<html>
<head>
    <title>My First Webpage</title>
</head>
<body>
    <h1>Welcome to My Webpage</h1>
    <p>This is my first paragraph of text!</p>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

OutPut :

HTML Page Structure
* The basic structure of an HTML page is shown below. It contains the essential building-block elements (i.e. doctype declaration, HTML, head, title, and body elements) upon which all web pages are created.

1. What is Hypertext?
* Hypertext is text that contains links to other texts. When you click on these links, you’re taken to related information — this is the core idea behind how the web works.

Hypertext = Text + Links
Enter fullscreen mode Exit fullscreen mode

For example:

<a href="https://example.com">Visit Example</a>
Enter fullscreen mode Exit fullscreen mode

2. Why "Hyper"?
The prefix "hyper-" means "beyond" or "more than."

So hypertext goes beyond regular text — it connects documents together using hyperlinks.

_Referred like _

  1. https://www.w3schools.com/html/html_intro.asp
  2. https://www.geeksforgeeks.org/html/html-introduction/

Top comments (0)