Exercise 1: Create a webpage that prints your name to the screen.
<!DOCTYPE html>
<html>
<head>
<title>My Name Webpage</title>
</head>
<body>
<h1>Hello! My name is Roselle O. Lopio</h1>
</body>
</html>Exercise 2: Create a webpage that prints the numbers 1 – 10 to the screen.
<!DOCTYPE html>
<html>
<head>
<title>Numbers 1 to 10</title>
</head>
<body>
<h1>Counting from 1 to 10</h1>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ol>
</body>
</html>Exercise 3 : Create a webpage and set its title to “This is a webpage”.
<!DOCTYPE html>
<html>
<head>
<title>This is a webpage</title>
</head>
<body>
<h1>Webpage Title Set Successfully!</h1>
<p>Check the tab at the top of the browser to see the title.</p>
</body>
</html>Exercise 4: Create a webpage that prints the message “When was this webpage created? Checkpage’s title for the answer.” to the screen, and set the title of the page to the current date.
<!DOCTYPE html>
<html>
<head>
<title>October 10, 2025</title>
</head>
<body>
<h1>When was this webpage created? Check page's title for the answer.</h1>
</body>
</html>Exercise 5: Create a webpage that prints any text of your choosing to the screen, do not include a head section in the code.
<!DOCTYPE html>
<html>
<body>
<h1>A Webpage Without a Head</h1>
<p>
The giraffe is the tallest mammal on Earth. It has a long neck,
long legs, and a coat patterned with irregular patches. Even without
a proper head section, the browser displays this text just fine!
</p>
</body>
</html>Exercise 6: Repeat exercise #5, but this time include a head section in the code.
<!DOCTYPE html>
<html>
<head>
<title>Head Section Included</title>
</head>
<body>
<h1>A Webpage With a Head</h1>
<p>
The giraffe is the tallest mammal on Earth. It has a long neck,
long legs, and a coat patterned with irregular patches. Now, this page
has a proper head section!
</p>
</body>
</html>