HTML HyperText Markup Language is the standard language used to create web pages. It provides the structure of a webpage and allows developers to include various elements like text, images, links, and more. HTML elements are the building blocks of web pages, and they define the content and structure of the document.
Basic Structure of an HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
<h1>Welcome to Sudhanshu Developer</h1>
<p>This is a Paragraph of text.</p>
</body>
</html>
Key HTML Elements
The <html> element is the root element of an HTML document. All other elements are nested within this element.
<!DOCTYPE html>
<html>
<!-- Document content goes here -->
</html>
The <head> element contains meta-information about the document, such as its title and links to scripts and stylesheets.
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
<!-- Body content goes here -->
</body>
</html>
The <title>element sets the title of the webpage, which appears in the browser tab.
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
</body>
</html>
The <link> element links external resources, like stylesheets, to the HTML document.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
</body>
</html>
The <script> element embeds or references JavaScript code.
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
The <body> element contains the content of the HTML document, such as text, images, and other elements.
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Sudhanshu Developer Page.</title>
</head>
<body>
<h1>Welcome to Sudhanshu Developer Page.</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
Example:
First Create an index.html file and write the basic code, open this file in Google Chrome and any browser.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Sudhanshu Developer Blog..!</title>
</head>
<body>
<h1>Welcome to Sudhanshu Developer Blog..!</h1>
<p>It is a basic HTML page </p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</body>
</html>
Output:
Top comments (0)