Skip to content

Read07.md

Latest commit

 

History

History
164 lines (93 loc) · 3.91 KB

Read07.md

File metadata and controls

164 lines (93 loc) · 3.91 KB

HTML & CSS

Chapter 6: “Tables”

  • Tables represents information in a grid format and they are used for several things such as:sports results, stock reports, train timetables.

Basic Table Structure

  • By using the <thable> element, with the <tr> which indicate indicate the start of each row,and the <td> which indicate the cell of a table.

Example:

<table>

<tr>

<td>15</td>

<td>15</td>

<td>30</td>

</tr>

</table>

Table Headings

  • By using the <th> element and its purpose is to represent the heading for either a column or a row.

Example:

<table>

<tr>

<th></th>

<th scope="col">Saturday</th>

<th scope="col">Sunday</th>

</tr>

<tr>

<th scope="row">Tickets sold:</th>

<td>120</td>

<td>135</td>

</tr>

</table>

Spanning Columns

  • It is used when you need the entries in a table to stretch across more than one column. By using the colspan attribute and it can be used on a <th> or <td> element.

Example:

<table>

<tr>

<th>Monday</th>

<td colspan="2">Geography</td>

<td>Math</td>

<td>Art</td>

</tr>

</table>

Spanning Rows

  • It is used when you need entries in a table to stretch down across more than one row. By using the rowspan attribute can be used on a <th> or <td> element.

Example:

<table>

<th>6pm - 7pm</th>

<td rowspan="2">Movie</td>

<td>Comedy</td>

<td>News</td>

</tr>

</table>

Long Tables

  • <thead>: the headings of the table should sit inside the <thead> element.
  • <tbody>: the body should sit inside the <tbody>element.
  • <tfoot>: the footer belongs inside the<tfoot> element.

<An over all about tabels>

  • The <table> element is used to add tables to a web page.
  • A table is drawn out row by row. Each row is created with the <tr> element.
  • Inside each row there are a number of cells represented by the <td> element or <th> if it is a header.
  • You can make cells of a table span more than one row or column using the rowspan and colspan attributes.
  • For long tables you can split the table into a <thead>, <tbody>, and <tfoot>.

=======================================================

JAVASCRIPT

Chapter 3 (first part): “Functions, Methods, and Objects”

  • Function & methods

  • Complex scripts can run to hundreds (even thousands) of lines so programm function used to organize their code.

- Function and method :

1. Functions :consist of a series of statements that have been grouped together because they perform a specific task.

If different parts of a script repeat the same task, you can reuse the function.

  • Calling the function: you need to give your function a name , and the name should describe the task it is performing.So you could o ask the function to perform its task later and when you ask it to perform its task that's known as calling the function

  • Code block : the steps/statments that the function need to perform in order to perform its task.

  • Parameters : it is the informations that are provided to the function in order to achieve a given task.

  • Return value : When you write a function and you expect it to provide you with an answer, the response is known as a return value.

Example:

//variable

var msg = 'Sign up to receive our newsletter for 10% off!';

//function

function updateMessage() {

var el = document.getElementByld('message'};

el .textContent = msg;}

//calling the function

updateMessage(};

References:

@Jon Duckett/HTML & CSS

@Jon Duckett/JAVASCRIPT