HTML lesson 3 for beginners

 Certainly! Below is a simple HTML template for beginners, lesson 3:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Beginners Lesson 3</title> <style> /* Add any CSS styles here for styling your page */ body { font-family: 'Arial', sans-serif; margin: 20px; } h1 { color: #007bff; } p { line-height: 1.6; } </style> </head> <body> <header> <h1>Welcome to HTML Lesson 3</h1> </header> <section> <article> <h2>Introduction to Lists</h2> <p>In HTML, you can create ordered and unordered lists using the <code>&lt;ul&gt;</code> and <code>&lt;ol&gt;</code> tags, respectively.</p> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <p>Explore the world of lists and improve the structure of your content!</p> </article> <article> <h2>Adding Images</h2> <p>Enhance your web page by including images with the <code>&lt;img&gt;</code> tag. Use the <code>src</code> attribute to specify the image source.</p> <img src="your-image-url.jpg" alt="Description of the image"> <p>Remember to replace "your-image-url.jpg" with the actual URL or local path of your image.</p> </article> </section> <footer> <p>&copy; 2024 HTML Beginners Course. Happy coding!</p> </footer> </body> </html>


Feel free to modify it according to the specific content and lessons you want to cover in your HTML beginners course.


Post a Comment

0 Comments