Sketch steps and provide code to apply border and color to a table in a webpage.

Apply border and color to a table in a webpage

To apply borders and color to a table, you use CSS properties such as border, border-color, border-style, and background-color.

Example Code:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Table Border and Color</title>
<style>
table {
width: 100%;
border-collapse: collapse; /* Ensures borders don’t double up */
}

table, th, td {
border: 2px solid black; /* Adds border to table, th, and td */
}

th, td {
padding: 10px;
text-align: center;
}

th {
background-color: lightblue; /* Background color for header */
}

tr:nth-child(even) {
background-color: lightgray; /* Alternating row colors */
}
</style>
</head>
<body>

<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
</tr>
<tr>
<td>Alice</td>
<td>25</td>
</tr>
</table>

</body>
</html>

Related Questions:

  1. Differentiate between different types of headings in HTML
  2. Elaborate steps and provide code to load a background image in a webpage.
  3. Contrast between website and web application.
  4. What is ‘href’ and how is it used
  5. Enlist the optional parameters to open a webpage.
  6. List the frequent tags used in the text of a webpage and their usage.
  7. Explain the role of tag-pair in a document.
  8. How is event-based code used in JavaScript?
  9. Infer about External CSS. Where is it generally used?
  10. What is Document Object Model? Explain with the help of an example.
  11. With the help of sample code, highlight different methods to incorporate CSS code in an HTML webpage.
  12. Which computational thinking technique breaks down a problem into smaller parts?
  13. Identify three computing problems from other subjects you are studying.
  14. Why do we need to think computationally?
  15. Telephone numbers usually have 9 digits. The first two digits represent the area code and remain constant. The last 7 digits represent the number and cannot begin with 0. How many different telephone numbers are possible with a given area code?
  16. There are 4 different roads from city A to city B and 2 different roads from city B to city C. Draw a map of the given situation and determine how many possible routes exist from city A to city C passing through city B.
  17. Identify whether the given problems are Decision Problems, Counting Problems, or Search Problems. Write your answer in front of each problem.
  18. A student has to take one course of physics, one of science, and one of mathematics. He may choose from 3 physics courses (P1, P2, P3), 2 science courses (S1, S2), and 2 mathematics courses (M1, M2). In how many ways can the student select the three courses?
  19. Create an IPO chart that accepts the ages of four boys and calculates their total and average age. The program should display both the total and the average age.
  20. Design a case study about how data science and big data have revolutionized the field of healthcare.