Lesson 3 – Web Systems and Technologies
Professional Lecturer
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
/head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
/body>
/html>
▪
▪
▪
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
/head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
/body>
/html>
▪
▪
▪
▪
<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>
<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>
<body style="background-color:powderblue;">
<h1> Polytechnic University of the Philippines </h1>
<p> College of Information Technology and
Engineering</p>
/body>
<p style = "color: blue;"
style = "font-family: verdana;">
Web Systems and Technologies </p>
/body>
<p style = "font-size:300%”
style = "font-family: verdana;">
Web Systems and Technologies </p>
/body>
<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>
<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>
<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>
▪
▪
<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>
<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” >
▪
▪
<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” >
▪
▪
<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” >
HTML BASICS

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>MyFirst Heading</h1> <p>My first paragraph.</p> /body> /html> ▪ ▪ ▪
  • 5.
    <!DOCTYPE html> <html> <head> <title>Page Title</title> /head> <body> <h1>MyFirst Heading</h1> <p>My first paragraph.</p> /body> /html> ▪ ▪ ▪ ▪
  • 8.
    <h1>This is themost 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 thefirst 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> PolytechnicUniversity 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’sLove </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">SirWell</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.