HTML Learning Basics (ii)

Form (table) label

1. Definition:

<table> tags define HTML tables.

A simple HTML 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.

More complex HTML tables may also include caption, Col, Colgroup, THEAD, TFOOT, and tbody elements.

2. Syntax:

1 <Table>2   <TR>3     <th>Month</th>4     <th>Savings</th>5   </TR>6   <TR>7     <TD>January</TD>8     <TD>$</TD>9   </TR>Ten </Table>

3. Optional attributes:

Second, the IMG tag

1. Definition

The IMG element embeds an image into the Web page.

tags do not insert images into a Web page, but instead link images from a Web page. The tag creates a placeholder space for the referenced image.

The tag has two required properties: the SRC attribute and the alt attribute.

2. Example

<src= ".. /.. /ch6/dir2/sea.gif "/>

3. Effect

4. Properties

Property	Meaning
Height	Height
Width	Width
Border	Border width
Lowsrc= "Location of low resolution pictures"	Forcing the browser to read low-resolution images first when network traffic is blocked
Alt	When the browser is unable to display the image you refer to, you can set IE to display a paragraph explaining the image, instead of the picture file. To see the settings that the effect must make: Internet Options----Uncheck the show pictures for multimedia items check box---OK

5, full-screen tile picture

Description: Depending on the size of the browser, the background image fills the entire browser.

<src= ".. /.. /ch6/dir2/sea.gif "  width=" 100% "  height=" 100% "  style=" z-index:100;position:absolute;left:0;top:0; " />

Third, hyperlinks

1. Relative path and absolute path

2. Hyperlink tag

<href= "link Location"> hyperlink name </a>

3. Picture Hyperlink

<href= "http://www.baidu.com"><src=: /images/xujun.jpg></a>

Iv. HTML Forms

1. HTML

<form>    <TableBorder= "1">        <TR><TD>Name:</TD><TD><inputtype= "text" /></TD></TR>        <TR><TD>School Number:</TD><TD><inputtype= "text" /></TD></TR>        <TR><TD>Password:</TD><TD><inputtype= "Password" /></TD></TR>        <TR><TD>Provinces:</TD><TD>        <Select>            <option>---Please select---</option>            <option>Beijing</option>            <option>Tianjin</option>            <option>Shanghai</option>            <option>Zhejiang</option>            <option>Jiangsu</option>        </Select>        </TD></TR>        <TR><TD>Gender:</TD><TD>            <inputtype= "Radio"name= "Sex"ID= "M"/><label for= "M">Man</label>            <inputtype= "Radio"name= "Sex"ID= "W" /><label for= "W">Woman</label>        </TD></TR>        <TR><TDcolspan= "2"Align= "Center"valign= "Middle"><inputtype= "Submit"value= "Submit" /></TD></TR>    </Table></form>

2. Select tag, multi-select attribute

If you want to become a check, add Muiltiple. The user uses CTRL to implement multiple selections.

<name= "Fruit"  multiple= "multiple">

You can also change the size of the drop-down box (Select) by using a Size property

HTML Learning Basics (ii)