HTML Tutorial Part 1 - SmartTechTip Web Development Mastery Course
Welcome to the first part of our SmartTechTip Web Development Mastery Course! In this tutorial, we’re diving into the fundamentals of HTML (HyperText Markup Language)—the backbone of every website.
What is HTML?
HTML stands for HyperText Markup Language. It’s the standard language used to build web pages and structure content.
Basic HTML Code Example
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple paragraph in HTML.</p>
</body>
</html>
Common HTML Tags
Heading Tags
<h1>Main Heading</h1>
<h2>Subheading</h2>
Paragraph Tag
<p>This is a sample paragraph.</p>
Hyperlink
<a href="https://www.smarttechtip.com">Visit SmartTechTip</a>
Image Tag
<img src="image.jpg" alt="Sample Image">
Attributes in HTML
<a href="https://www.example.com" target="_blank">Open in new tab</a>
ID and Class Attributes
<p id="unique">This is an ID example.</p>
<p class="highlight">This is a class example.</p>
Horizontal Rule
<hr>
Line Break
<p>First line.<br>Second line.</p>
Preformatted Text
<pre>
This is a
preformatted text.
</pre>
Conclusion
Congrats! You’ve just taken your first step into the world of HTML. Now that you understand the basics, it’s time to put them into practice.
Next Up: HTML Tutorial Part 2 - Lists, Tables, and Forms!
