The zero-based HTML tutorial (5): Image insertion and table introduction

How do I insert an image?

element can insert a picture to the webpage,,xxx is the path of the picture, can be a local path or Web address , for example: is the link's web address. tags do not end the tag, with the same as the <br> tag with a slash "/", the complete form should be . must have SRC attribute, do not lose.

Let's try to insert a picture. Dreamweaver input will play the window to open the need to embed the picture, very convenient, do not have to manually enter the address of the picture."

Second, modify the image display size

The width property and height property can specify the size of the image, where width specifies the width of the image display, and height specifies how high the image is displayed.

We add the IMG tag to the width and Height properties: "/>

The display after the completion:

Iii. tables in HTML

HTML <table> definition table , a simple table consists of a TABLE element and one or more tr, TH, or TD elements. The TR element defines the table row , the th element defines the header , and the TD element defines the table cell .

The table label can also be added with the Width property and the Height property to add a table table to the page:

<table border= "1" width= "height=" >
<tr>
<th>th1</th>
<th>th2</th>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
</tr>
</table>

To add a table effect chart:

The border property in the table determines the thickness of the table's border line , and 0 is not.

This is what happens after the border value is changed to 0:

Let's make a complicated table with pictures.

Combine the previous knowledge to make a table with tables and text.

Table below, only in the TD embedded in the tag, very simple:

<table border= "0" >
<tr>

<td>
<p> Chrysanthemum </p>
</td>

<td>
<p> Penguin </p>
</td>

<td><p> Desert </p>
</td>

</.tr>

<tr>

<td>
<p> Lighthouse </p>
</td>

<td>
<p> Jellyfish </p>
</td>

<td>
<p> Koalas </p>
</td>

</tr>
</table>

Students try to do it by themselves Oh, practice makes perfect. This tutorial introduces the usage of tags and the use of <table> tags, students to review and then continue to study it!