HTML Programs Examples With Output PDF
Introduction to HTML Programming 🌐
HTML (HyperText Markup Language) is the foundation of web development. HTML Programs Examples With Output PDF It helps structure web pages using simple tags. If you’re new to HTML, practicing with real examples will help you understand it better. In this article, we provide HTML program examples with outputs and guide you on how to download them as a PDF for easy reference. 🚀
What is HTML? 🏷️
HTML is a markup language used to create websites. It consists of various tags that define different elements on a webpage, such as text, images, links, and tables.
Basic Structure of an HTML Page 🏗️
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is a simple HTML page.</p>
</body>
</html>
📌 Output:
- The browser will display “Welcome to HTML!” as a heading.
- A paragraph with “This is a simple HTML page.” will appear below.
2. Creating a Hyperlink 🔗
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<body>
<a href=”https://www.example.com”>Click Here to Visit Example</a>
</body>
</html>
Output: 👉 A clickable link labeled “Click Here to Visit Example”.
3. Inserting an Image 🖼️
<!DOCTYPE html>
<html>
<head>
<title>Image Example</title>
</head>
<body>
<img src=”https://www.example.com/image.jpg” alt=”Sample Image”>
</body>
</html>
Output: 👉 A webpage displaying an image from the given URL.
4. Creating a Table 📊
<!DOCTYPE html>
<html>
<head>
<title>Table Example</title>
</head>
<body>
<table border=”1″>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>Jane</td>
<td>22</td>
</tr>
</table>
</body>
</html>
Output: 👉 A table with two columns (Name, Age) and two rows of data.
How to Download HTML Programs as a PDF 📄
Many learners prefer saving HTML examples as PDFs for future reference. Here’s how you can do it:
1. Using Browser Print Option 🖨️
- Open the HTML file in a web browser.
- Press Ctrl + P (Windows) or Cmd + P (Mac).
- Select “Save as PDF”.
- Click Save, and your HTML program will be stored as a PDF.
2. Using Online Converters 🌍
Several websites convert HTML files to PDF, such as:
- https://www.htmltopdf.com/
- https://pdfcrowd.com/
3. Using Python (For Developers) 🐍
If you’re comfortable with programming, you can use Python to convert HTML to PDF:
import pdfkit
pdfkit.from_file(‘example.html’, ‘output.pdf’)
Conclusion 🎯
Practicing with real HTML programs enhances your web development skills. This guide provided multiple HTML examples with output and methods to save them as PDFs for easy learning. Start coding today and keep practicing! 💡💻
📌 Next Steps:
- Try modifying the provided examples.
- Experiment with CSS and JavaScript to make your pages more interactive.
- Save your projects as PDFs for future reference.