Basic html
This presentation is the property of its rightful owner.
Sponsored Links
1 / 17

Basic HTML PowerPoint PPT Presentation


  • 80 Views
  • Uploaded on
  • Presentation posted in: General

Basic HTML. H yper t ext m arkup L anguage. Lesson Overview. In this lesson, you will learn to : Create Tables. Basic Table. Table with heading (bold). Easy to present data by arranging it into columns and rows. Tags needed: <table>…</table>begins and ends a table

Download Presentation

Basic HTML

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Basic html

Basic HTML

Hyper

text

markup

Language


Lesson overview

Lesson Overview

  • In this lesson, you will learn to:

  • Create Tables


Basic table

Basic Table


Table with heading bold

Table with heading (bold)


Basic html

  • Easy to present data by arranging it into columns and rows.

  • Tags needed:

    • <table>…</table>begins and ends a table

    • <tr>….</tr>defines a table row

    • <th>…</th>defines table heading

    • <td>…</td>defines table data


In class assignment

In Class Assignment


Example conceptual

Example (conceptual)

<table border=“1”>

<tr>

<td>one</td><td>two</td><td>three</td>

</tr>

<tr>

<td>four</td><td>five</td><td>six</td>

</tr>

</table>


Basic html

<table border=“1”>

<tr>

<td>one</td>

<td>two</td>

<td>three</td>

</tr>

<tr>

<td>four</td>

<td>five</td>

<td>six</td>

</tr>

</table>


Basic html

<table border=“1”>Start Table

<tr>First Row

<td>one</td>Cell1

<td>two</td>Cell2

<td>three</td>Cell3

</tr>End of First Row

<tr>Second Row

  • <td>four</td>Cell4

  • <td>five</td>Cell5

  • <td>six</td>Cell6

  • </tr>Endof Second Row

    </table>End Table


Assignment

Assignment

Hint: use <thcolspan = 2> Telephone</th>


Basic html

<tr>

<th>Name</th>

<thcolspan="2">Telephone</th>

<thcolspan=“3">Address</th>

</tr>


Assignment 13

Assignment 13

Hint: use <throwspan = 2> Telephone</th>


Assignment 14

Assignment 14

Hint: use

<td>

<imgsrc= “path to image” height = 200 width=200/>

</td>


  • Login