HTML Basic
Master this topic with zero to advance depth.
Expert Answer & Key Takeaways
Mastering HTML Basic is essential for high-fidelity technical architecture and senior engineering roles in 2026.
HTML Documents
All HTML documents must start with a document type declaration:
<!DOCTYPE html>.The HTML document itself begins with
<html> and ends with </html>.The visible part of the HTML document is between
<body> and </body>.<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>HTML Headings
HTML headings are defined with the
<h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading:<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>HTML Paragraphs
HTML paragraphs are defined with the
<p> tag:<p>This is a paragraph.</p>
<p>This is another paragraph.</p>HTML Links
HTML links are defined with the
<a> tag:<a href="https://www.google.com">This is a link</a>The link's destination is specified in the
href attribute. Attributes are used to provide additional information about HTML elements.HTML Images
HTML images are defined with the
<img> tag. The source file (src), alternative text (alt), width, and height are provided as attributes:<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com" width="104" height="142">How to View HTML Source
Have you ever seen a Web page and wondered 'Hey! How did they do that?'
- View HTML Source: Right-click in an HTML page and select 'View Page Source' (in Chrome) or 'View Source' (in Edge), or similar in other browsers. This will open a window containing the HTML source code of the page.
- Inspect an HTML Element: Right-click on an element (or a blank area), and choose 'Inspect' to see what elements are made of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements panel that opens.
💡 Interactive Task
Try creating a page with a title, a heading, a paragraph, and a link to your favorite website. Check if the link opens in a new tab when you click it!
Interview Corner
❓ Interview Question
Q: What is the difference between
<h1> and <h6>?A:
<h1> is the most important and typically largest heading, used for the main title of a page. <h6> is the least important and smallest sub-heading level. Using them correctly is important for SEO.❓ Interview Question
Q: What does the
href attribute do in a link?A: The
href attribute specifies the destination URL of the link. Without it, the <a> tag would not know where to navigate the user.❓ Interview Question
Q: Why do images need an
alt attribute?A: The
alt attribute provides alternative text for an image if it cannot be displayed (e.g., slow connection or broken link) and is essential for accessibility for screen reader users.Course4All Engineering Team
Verified ExpertFrontend Architects
Focused on accessibility, semantic structure, and modern SEO, our frontend team ensures the HTML/CSS curriculum meets 2026 professional standards.
Pattern: 2026 Ready
Updated: Weekly
Found an issue or have a suggestion?
Help us improve! Report bugs or suggest new features on our Telegram group.