WSAT Lesson 3 - Introduction to HTML.pdf
3 likes520 views
The document covers HTML basics, including the structure of a web page with elements like headings, paragraphs, and styling. It also emphasizes the importance of teachers through poetry and biblical quotes. Additionally, links to social media platforms and images are included within the HTML content.
WSAT Lesson 3 - Introduction to HTML.pdf
- 1. Lesson 3 – Web Systems and Technologies Professional Lecturer
- 4. <!DOCTYPE html> <html> <head> <title>Page Title</title> /head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> /body> /html> ▪ ▪ ▪
- 5. <!DOCTYPE html> <html> <head> <title>Page Title</title> /head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> /body> /html> ▪ ▪ ▪ ▪
- 8. <h1>This is the most important heading</h1> <h2>This is a secondary heading</h2> <h3>This is a tertiary heading</h3> <h4>This is a fourth-level heading</h4> <h5>This is a fifth-level heading</h5> <h6>This is a sixth-level heading</h6>
- 9. <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the third paragraph.</p> <p>This is the fourth paragraph.</p> <p>This is the fifth paragraph.</p> <p>This is the sixth paragraph.</p>
- 10. <body style="background-color:powderblue;"> <h1> Polytechnic University of the Philippines </h1> <p> College of Information Technology and Engineering</p> /body>
- 11. <p style = "color: blue;" style = "font-family: verdana;"> Web Systems and Technologies </p> /body>
- 12. <p style = "font-size:300%” style = "font-family: verdana;"> Web Systems and Technologies </p> /body>
- 13. <b> A Teacher’s Love </b> <i> A heart of gold, a guiding hand,</i> <em> A teacher's love, throughout the land.</em> <small> They shape young minds, with care and grace,</small> <mark> Inspiring dreams, in every space.</mark>
- 14. <blockquote> 1 Corinthians 13:4-5: Love is patient, love is kind. It does not envy, it does not boast, it is not proud. It does not dishonor others, it is not self-seeking, it is not easily angered, it keeps no record of wrongs. </blockquote>
- 15. <q> 1 Corinthians 13:4-5: Love is patient, love is kind. It does not envy, it does not boast, it is not proud. It does not dishonor others, it is not self-seeking, it is not easily angered, it keeps no record of wrongs. </q>
- 19. ▪ ▪
- 20. <a href= "https:</<<w.sirwelleducation.com">Sir Well</a> <a href= "https:</<<w.youtube.com">YouTube</a> <a href= "https:</<<w.facebook.com">Facebook</a> <a href= "https:</<<w.google.com">Google</a>
- 21. <img src = “googlelogo.png“ alt = “Google Logo” > <img src = “facebooklogo.png“ alt = “Facebook Logo” > <img src = “youtubelogo.png“ alt = “YouTube Logo” > <img src = “xlogo.png“ alt = “X Logo” >
- 22. ▪ ▪ <img src = “googlelogo.png“ alt = “Google Logo” > <img src = “facebooklogo.png“ alt = “Facebook Logo” > <img src = “youtubelogo.png“ alt = “YouTube Logo” > <img src = “xlogo.png“ alt = “X Logo” >
- 23. ▪ ▪ <img src = “googlelogo.png“ alt = “Google Logo” width = “400” height = “300” > <img src = “facebook.png“ alt = “Facebook Logo” width = “400” height = “300” > <img src = “xlogo.png“ alt = “X Logo” width = “400” height = “300” >
- 24. HTML BASICS