Scribd
Upload
18 views6 pages

5C. Guide 4 SMT 1

This study guide for Grade 5 focuses on understanding and practicing HTML table elements, including the use of the <table> tag and combining cells. It provides examples of HTML code for creating tables and applying CSS for table design. Additionally, it includes guiding exercises with multiple-choice questions to reinforce learning.

Uploaded by

sinyoman.supartha
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
18 views6 pages

5C. Guide 4 SMT 1

This study guide for Grade 5 focuses on understanding and practicing HTML table elements, including the use of the <table> tag and combining cells. It provides examples of HTML code for creating tables and applying CSS for table design. Additionally, it includes guiding exercises with multiple-choice questions to reinforce learning.

Uploaded by

sinyoman.supartha
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

STUDY GUIDE 4

Subject : Grade/ Smt : 5.C / I ( FIRST ) Teachers Sign

Day / Date : Friday / 25 Oktober 2024


Parents Sign

Computer Name / No : ............................................................./ ......

LEARNING OBJECTIVES :
 Students are able to understand table elements in HTML.
 Students are able to practice using the <table> tag in HTML

TABLE IN HTML

I. Understanding HTML Elements in Creating Table


<html lang="en">
<head>
<title> Get to know HTML Tables </title>
</head>
<body>
<table border="1">
<tr>
<td>Row 1 - Column 1</td>
<td>Row 1 – Column 2</td>
</tr>
<tr>
<td>Row 2 - Column 1</td>
<td>Row 2 - Column 2</td>
</tr>
</table>
</body>
</html>
II. Combining Cells in an HTML Table

<!DOCTYPE html>
<html lang="en">
<head>
<title> Get to know HTML Tables </title>
</head>
<body>
<table border="1">
<tr>
<th rowspan="2">Name</th>
<th colspan="3">Score</th>
</tr>
<tr>
<th> Chemistry </th>
<th> Physics </th>
<th> Biology </th>
</tr>
<tr>
<td>Robby</td>
<td>76</td>
<td>80</td>
<td>81</td>
</tr>
<tr>
<td>Rendy</td>
<td>84</td>
<td>70</td>
<td>75</td>
</tr>
<tr>
<td>Alfian</td>
<td>96</td>
<td>70</td>
<td>71</td>
</tr>
</table>
</body>
</html>
IV. Applying CSS code for Table Design
<style>
table {
border-collapse: collapse;
width: 100%;
}

table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
}
th {
background-color: rgb(19, 110, 170);
color: white;
}
tr:hover {background-color: #f5f5f5;}
</style>
V. GUIDING EXERCISE 4

Answer the following questions by "crossing (X)" the correct alphabet.

1. To create a table using tags ……… ?


A. <table>
B. <tables>
C. <tb>
D. <tab>

2. When creating a table the <tr> tag works for ……?


A. Create a table body
B. Create a table header
C. Create columns
D. Create a row
3. The attribute and value used to make the border appear on the table is …
A. border=”bold”
B. border=”one”
C. border=”1”
D. border=”black”

4. If we want to create a cell consisting of a combination of five rows, the attribute used
is …
A. colspan=”5”
B. rowspan=”5”
C. colspan=”five”
D. rowspan=”five”

5. If we want to create a cell consisting of a combination of five columns, the attribute used
is..
A. colspan=”5”
B. rowspan=”5”
C. colspan=”five”
D. rowspan=”five”

You might also like