Scribd
Upload
16 views3 pages

HTML Programs With Output Part3

The document contains HTML examples for programs 21-30, showcasing various HTML elements and their outputs. Each example demonstrates a specific feature, such as horizontal rules, meta tags, blockquotes, buttons, and semantic elements. The outputs describe the visual or functional effect of each HTML code snippet.

Uploaded by

nehruchacha599
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views3 pages

HTML Programs With Output Part3

The document contains HTML examples for programs 21-30, showcasing various HTML elements and their outputs. Each example demonstrates a specific feature, such as horizontal rules, meta tags, blockquotes, buttons, and semantic elements. The outputs describe the visual or functional effect of each HTML code snippet.

Uploaded by

nehruchacha599
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML Project File: Programs 21-30 with Output

21. HTML Horizontal Rule and Line Break


<!DOCTYPE html>
<html>
<body>
<p>First Line</p>
<hr>
<p>Second Line</p>
</body>
</html>
Output:
Displays a horizontal line between two paragraphs.

22. HTML Meta Tags


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="HTML tutorial">
<title>Meta Example</title>
</head>
<body>
<p>Meta tags in head section</p>
</body>
</html>
Output:
Meta tags define metadata in head (invisible in browser).

23. HTML Blockquote Tag


<!DOCTYPE html>
<html>
<body>
<blockquote>This is a quoted text.</blockquote>
</body>
</html>
Output:
Displays indented block of quoted text.

24. HTML Code Tag


<!DOCTYPE html>
<html>
<body>
<p>Use the <code>&lt;code&gt;</code> tag to show code.</p>
</body>
</html>
Output:
Renders code in monospace font.
25. HTML Superscript and Subscript
<!DOCTYPE html>
<html>
<body>
<p>X<sup>2</sup> and H<sub>2</sub>O</p>
</body>
</html>
Output:
Displays superscript and subscript text.

26. HTML Button Element


<!DOCTYPE html>
<html>
<body>
<button>Click Me!</button>
</body>
</html>
Output:
A clickable button with text 'Click Me!'.

27. HTML Fieldset and Legend


<!DOCTYPE html>
<html>
<body>
<fieldset>
<legend>User Info</legend>
Name: <input type="text">
</fieldset>
</body>
</html>
Output:
Form section with border and title 'User Info'.

28. HTML Navigation Bar


<!DOCTYPE html>
<html>
<body>
<nav>
<a href="#">Home</a> |
<a href="#">About</a> |
<a href="#">Contact</a>
</nav>
</body>
</html>
Output:
Simple navigation bar with links.

29. HTML Iframe


<!DOCTYPE html>
<html>
<body>
<iframe src="[Link] width="300" height="200"></iframe>
</body>
</html>
Output:
Embeds another webpage in an inline frame.

30. HTML Semantic Elements


<!DOCTYPE html>
<html>
<body>
<header><h1>Site Title</h1></header>
<section><p>Main content goes here.</p></section>
<footer><p>Copyright 2025</p></footer>
</body>
</html>
Output:
Page structured using semantic HTML tags.

You might also like