HTML Introduction for Beginners
Welcome to OnlineLearner.in, your go-to platform for easy-to-understand web development tutorials! In this guide, we’ll introduce you to HTML (HyperText Markup Language)—the backbone of every website.
What is HTML?
HTML is the standard markup language used to create and structure web pages. It defines the layout and content of a webpage using tags and elements.
Why Learn HTML?
- Essential for Web Development – Every website uses HTML.
- Easy to Learn – Perfect for beginners.
- Works with CSS & JavaScript – Forms the foundation of front-end development.
Basic HTML Example
Let’s create a simple webpage:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page | OnlineLearner.in</title>
</head>
<body>
<h1>Welcome to OnlineLearner.in!</h1>
<p>Learn HTML, CSS, JavaScript, and more for free.</p>
<a href="https://onlinelearner.in">Visit Our Website</a>
</body>
</html>
Explanation of the Code:
<!DOCTYPE html>
– Declares the document as HTML5.
<html>
– Root element of an HTML page.
<head>
– Contains meta-information like title and character set.
<title>
– Sets the title displayed in the browser tab.
<body>
– Contains visible content like headings, paragraphs, and links.
<h1>
– Main heading (largest text).
<p>
– Paragraph text.
<a>
– Hyperlink to another page.