Web Design with HTML, CSS, Bootstrap Course Lecture 3.

2. IoT Code LabS M A R T T E C H L I F E
iotcodelab.com
RESEARCH DEVELOPMENT TRAINING

3. HTML: LEC 3
TA B L E , I F R A M E

4. TABLE
Name ID CGPA Semester
Column
Cell
Caption (Table Name)
Table Row

5. TABLE
Name ID CGPA Semester
Table Footer
Table Body
Table Header

6. TABLE
Name ID CGPA Semester
Table Data
Table Heading

7. TABLE
Table
Table Caption
Table Header
Table Footer
Table Body
Table Row
Table Heading
Table Data
<table> </table>
<cpation> </caption>
<thead> </thead>
<tfoot> </tfoot>
<tbody> </tbody>
<tr> </tr>
<th> </th>
<td> </td>

8. TABLE
<table>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr>
<td>17-1-60-001</td>
<td>ABC</td>
</tr>
</table>
ID Name
17-1-60-001 ABC
17-1-60-002 PQR
17-1-60-003 XYZ

9. TABLE
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>17-1-60-001</td>
<td>ABC</td>
</tr>
</tbody>
</table>
ID Name
17-1-60-001 ABC
17-1-60-002 PQR
17-1-60-003 XYZ

10. TABLE SPAN

11. IFRAME
Add a Webpage to aWebpage
<iframe src=“resume.html”></iframe>
<iframe src=“resume.html” width=“100%”
height=“600”></iframe>
<iframe src=“http://www.google.com”></iframe>
<iframe src=“resume.html” name=“resume”></iframe>

12. TOPIC COVERED : HTML
Image
Table
Iframe

13. TOPIC COVERED : HTML LIST
List
Ordered List
oListVariation
oReversed List
Unordered List
oListVariation
List with Links

14. ANY
QUESTION?

16. IoT Code LabS M A R T T E C H L I F E
iotcodelab.com
RESEARCH DEVELOPMENT TRAINING