{"id":1035,"date":"2015-11-06T02:16:46","date_gmt":"2015-11-06T02:16:46","guid":{"rendered":"https:\/\/courses.candelalearning.com\/zelixite115resources\/?post_type=chapter&p=1035"},"modified":"2015-11-06T02:16:46","modified_gmt":"2015-11-06T02:16:46","slug":"reading-tables","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/chapter\/reading-tables\/","title":{"raw":"Reading: Tables","rendered":"Reading: Tables"},"content":{"raw":"Here's how to add a simple table to your web page. This table has two rows and three cells in each row:\r\n\r\n\r\n\r\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<title>The title goes here<\/title>\r\n<meta charset=\"utf-8\">\r\n<title>Tables are Fun <\/title>\r\n<style type=\"text\/css\"><\/strong>\r\n\r\ntable<\/strong>\r\n{\r\n<\/strong>border-style: solid;<\/strong>\r\n}<\/strong>\r\n\r\ntd\r\n{\r\nborder-style: solid;\r\nborder-color: #FF66FF;\r\npadding: 10px;\r\n}\r\n<\/style><\/strong>\r\n<\/head>\r\n\r\n<body>\r\n<h1>My Lovely Table <\/h1>\r\n<table>\r\n<tr>\r\n<td>1st Cell<\/td>\r\n<td>2nd Cell<\/td>\r\n<td>3rd Cell<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>4th Cell<\/td>\r\n<td>5th Cell<\/td>\r\n<td>6th Cell<\/td>\r\n<\/tr>\r\n<\/table><\/strong>\r\n<\/body>\r\n<\/html><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nLet's analyze this code. The <table> tag starts the table, the <tr> tag starts the row, and the <td> tag starts the cell. (I think it stands for \"table data.\") Every opening tag has a corresponding ending tag. I've used embedded CSS to style the <table> and <td> tags. The table itself has a solid border. Each cell appears with a solid pink border, and each cell has 10 pixels of padding. Cell padding is the space between the contents of the cell and the cell border.","rendered":"

Here’s how to add a simple table to your web page. This table has two rows and three cells in each row:<\/p>\n\n\n\n
<!DOCTYPE html>
\n<html lang=”en”>
\n<head>
\n<title>The title goes here<\/title>
\n<meta charset=”utf-8″>
\n<title>Tables are Fun <\/title>
\n<style type=”text\/css”><\/strong><\/p>\n

table<\/strong>
\n{
\n<\/strong>border-style: solid;<\/strong>
\n}<\/strong><\/p>\n

td
\n{
\nborder-style: solid;
\nborder-color: #FF66FF;
\npadding: 10px;
\n}
\n<\/style><\/strong>
\n<\/head><\/p>\n

<body>
\n<h1>My Lovely Table <\/h1>
\n<table>
\n<tr>
\n<td>1st Cell<\/td>
\n<td>2nd Cell<\/td>
\n<td>3rd Cell<\/td>
\n<\/tr>
\n<tr>
\n<td>4th Cell<\/td>
\n<td>5th Cell<\/td>
\n<td>6th Cell<\/td>
\n<\/tr>
\n<\/table><\/strong>
\n<\/body>
\n<\/html><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Let’s analyze this code. The <table> tag starts the table, the <tr> tag starts the row, and the <td> tag starts the cell. (I think it stands for “table data.”) Every opening tag has a corresponding ending tag. I’ve used embedded CSS to style the <table> and <td> tags. The table itself has a solid border. Each cell appears with a solid pink border, and each cell has 10 pixels of padding. Cell padding is the space between the contents of the cell and the cell border.<\/p>\n\n\t\t\t

\n\t\t\t

Candela Citations<\/h3>\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
CC licensed content, Shared previously<\/div>