Exercise 1

HTML

Exercise 1 : Printing Name

<!DOCTYPE html>
<html>
<head>
 
    <title>Activity 1</title>
</head>
<body>
    <!-- Printing my name to the screen -->
    <h1>Shaira M. Bayonla</h1>
</body>
</html>

Exercise 2 : Numbers 1 to 10

<!DOCTYPE html>
<html>
<head>
    <title>Activity 1</title>
</head>
<body>
    <!-- Print numbers 1 to 10 -->
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>6</p>
    <p>7</p>
    <p>8</p>
    <p>9</p>
    <p>10</p>
</body>
</html>

Exercise 3 : Webpage Name

<!DOCTYPE html>
<html>
<head>
    <!-- Setting the page title -->
    <title>This is a webpage</title>
</head>
<body>
    
  
</body>
</html>

Exercise 4 : When was the webpage created ?

<!DOCTYPE html>
<html>
<head>
    <!-- Setting the title to the current date -->
    <title>September 28, 2025</title>
</head>
<body>
    <!-- Printing message -->
    <p>When was this webpage created? Check page's title for the answer.</p>
</body>
</html>

Exercise 5: No Head Section

<!DOCTYPE html>
<html>
<body>
    <!-- Printing text without using head section -->
    <h2>Hello , college life is hard !</h2>
</body>
</html>

Exercise 6 : With Head Section

<!DOCTYPE html>
<html>
<head>
    <!-- Adding a title in head section -->
    <title>Activity 1</title>
</head>
<body>
    
    <h2>Hello, college life is hard!</h2>
</body>
</html>

Learnings

I discovered that HTML is surprisingly strict about how tags are nested; I realized that if I forget to close a tag properly, it can break the layout of everything that follows it.