In This Assignment You Will Create A Table On The Webpage
In This Assignment You Will Create A Table In The Webpage You Previou
In this assignment, you will create a table in the webpage you previously created. Create a table similar to the following attached screenshot with the three pictures on your webpage, include a paragraph of description for each picture, and another column showing the title of the picture. In your HTML and CSS codes, you will need to use the following properties: 1. border-bottom 2. padding 3. min-width 4. width 5. box-shadow 6. font-family 7. font-weight 8. background-color 9. cellspacing
Paper For Above instruction
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
table {
width: 80%;
min-width: 600px;
border-collapse: separate;
border-spacing: 0;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
margin: 50px auto;
background-color: #ffffff;
}
th, td {
padding: 15px;
border-bottom: 2px solid #ddd;
text-align: left;
}
th {
background-color: #e2e2e2;
font-family: 'Georgia', serif;
font-weight: bold;
min-width: 150px;
}
td {
font-family: 'Arial', sans-serif;
}
img {
width: 100px;
height: auto;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
Sample Image Table with CSS Styling
| Picture Title | Picture | Description |
|---|---|---|
| Sunset Over Beach |  |
A beautiful sunset casting warm colors over the calm beach waters. |
| Mountain Landscape |  |
A scenic view of towering mountains covered with snow under a clear sky. |
| City Skyline |  |
A vibrant city skyline illuminated with colorful lights at night. |