Scribd
Upload
21 views6 pages

Al Rouman (Lab Report 1)

report

Uploaded by

Abrar Roman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views6 pages

Al Rouman (Lab Report 1)

report

Uploaded by

Abrar Roman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Green University of Bangladesh

Department of Computer Science and Engineering (CSE)


Faculty of Sciences and Engineering
Semester: (Fall, Year:2024), B.Sc. in CSE (Day)

Lab Report NO #01


Course Title: Web Programming Lab
Course Code: CSE 302 Section: 223_D2

Lab Experiment Name: Create an HTML page named as Routine.html. On this HTML page
Student Details

Name ID

1. Md. Al-Rouman 223002036

Submission Date : Oct 08,2024


Course Teacher’s Name : Mr. Mozdaher Abdul Quader

Lab Report Status


Marks: ………………………………… Signature:.....................
Comments:.............................................. Date:..............................

1. TITLE OF THE LAB REPORT EXPERIMENT


Create an HTML page named as Routine.html. On this HTML page, you have to show the following
table (Figure 11)
In this experiment, you have to create your own personal routine. You must have to use colspan, rowspan tags.
2. OBJECTIVES

• To be familiar with HTML.


• Creating and displaying HTML pages using basic tags.
• Multimedia attachment to web pages.
• To learn text formatting tags in HTML.
• Introduce the ordered and unordered list tag.
• Reinforce our understanding of ordered and unordered lists through creation.
• To implement tables using various attributes like rowspan and colspan using HTML.

3. PROCEDURE DESIGN

1. Open the HTML document in a web browser such as Chrome to preview the design.
2. Follow the basic structure of HTML, including the DOCTYPE declaration and other
necessary tags such as <html>, <head>, and <body>.
3. Ensure that all required form elements and attributes are included, such as input fields,
labels, and the "required" attribute.
4. Make any necessary adjustments or revisions to the design or code as needed.
5. Use various HTML attributes and properties to design the webpage as needed.

4. IMPLEMENTATION

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Class Routine</title>
<style>
table {
border-collapse: collapse;
width: 80%;
margin: 0 auto;
text-align: center;
}
th, td {
border: 1px solid black;
padding: 10px;
}
th {
background-color: #f2f2f2;
}
h1, h3, h4 {
text-align: center;
}
.center-text {
text-align: center;
}
</style>
</head>
<body>

<h1>Class Routine</h1>
<h3>Student Name: Md. Al-Rouman</h3>
<h4>Department of Computer Science & Engineering</h4>
<h4>Green University of Bangladesh</h4>

<table>
<tr>
<th rowspan="2">Day</th>
<th colspan="6">Time</th>
</tr>
<tr>
<th>08:30-10:00</th>
<th>10:00-11:30</th>
<th>11:30-01:00</th>
<th>01:30-02:00</th>
<th>02:00-04:00</th>
<th>04:30-06:00</th>
</tr>
<tr>
<td>Monday</td>
<td>micro Theory<br>A-606</td>
<td colspan="1">Web Theory </td>
<td colspan="1">EEE-205</td>
<td colspan="1"></td>
<td colspan="1">micro Lab</td>
<td></td>
</tr>
<tr>
<td>Tuesday</td>
<td>micro Theory<br>A-606</td>
<td colspan="1">Wed programing Theory</td>
<td>EEE-205</td>
<td></td>
<td>Web Lab</td>
<td></td>
</tr>
<tr>
<td>Wednesday</td>
<td><br></td>
<td colspan="2"><br></td>
<td colspan="1"></td>
<td colspan="1">Algorithms Lab</td>
<td></td>
</tr>
<tr>
<td>Thursday</td>
<td>Algorithms theory</td>
<td colspan="1">Bangla<br>k-111</td>
<td></td>
<td></td>
<td></td>
<td></td>

</tr>
<tr>
<td>Friday</td>
<td>Algorithms Theory<br>j-109</td>
<td colspan="1">Bangla<br>k-111</td>
<td colspan="1"></td>
<td></td>
<td></td>
<td></td>

</tr>
</table>

</body>
</html>
6. ANALYSIS AND DISCUSSION

Here's a simplified version of the text:

1. We can use the `<table>` element to create a table for displaying data. The `<tr>` tag
defines each row, `<th>` is used for the table header, and `<td>` is for table data.
2. In my report, I created a personal information webpage using HTML.
3. I enjoyed working on the table part of my lab report.
4. I faced some challenges while creating the table in HTML.
5. My favorite part was creating the personal information webpage because it was easy for
me.
6. I learned how to create a table, make a webpage, and use various HTML tags.
7. In this experiment, I created a table, a webpage, and some other elements. I also gained
a better understanding of HTML. The main goal of this report was to make a table and a
webpage, which I have successfully done. With this knowledge, I can now create similar
webpages in the future.

7. SUMMARY:

In my lab report, I used HTML to create a personal information webpage and a table to display
data. I enjoyed working on the table, although I faced some challenges. Creating the webpage was
my favorite part because it was easy. Through this experiment, I learned how to use HTML tags
to build a table and webpage, and I now feel confident in making similar webpages in the future.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy