html

html

1.

1.1

1.

<table>

2.

<tr>

3.

<td>

<table>
<tr>
<td>
td

<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table> <tr><td> </td> <td> </td> <td> </td></tr> <tr><td> </td> <td> </td> <td>56</td></tr> <tr><td> </td> <td> </td> <td>55</td></tr> <tr><td> </td> <td> </td> <td>54</td></tr> <tr><td> </td> <td> </td> <td>55</td></tr> </table> </body> </html>

4.

<th>
;

<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table> <tr><th> </th> <th> </th> <th> </th></tr> <tr><td> </td> <td> </td> <td>56</td></tr> <tr><td> </td> <td> </td> <td>55</td></tr> <tr><td> </td> <td> </td> <td>54</td></tr> <tr><td> </td> <td> </td> <td>53</td></tr> </table> </body> </html>

5.

<caption>

<html> <body> <h4> </h4> <table > <caption> </caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> </body>

:

6.

<thead>

7.

<tbody>

8.

<tfoot>

1.2

1.border

2.width:

3.height

4.cellspacing

5.align: left/center/right tr td

6.cellspadding

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- align border= cellspacing= cell padding --> <table align="center" border="1" cellspacing="0" cellpadding="20" width="500px" height="240px"> <tr><th> </th> <th> </th> <th> </th></tr> <tr><td> </td> <td> </td> <td>56</td></tr> <tr><td> </td> <td> </td> <td>55</td></tr> <tr><td> </td> <td> </td> <td>54</td></tr> <tr><td> </td> <td> </td> <td>53</td></tr> </table> </body> </html>

7.colspan:
8.rowspan

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table width="500" height="249" border="1" cellspacing="0"> <tr> <td></td> <td colspan="2"></td> <!-- <td></td> --> </tr> <tr> <td rowspan="2"></td> <td ></td> <td></td> </tr> <tr> <!-- <td></td> --> <td></td> <td></td> </tr> <!-- rowspan=" " --> <!-- colspan=" " --> <!-- --> </table> </body> </html>

2.

1.

<ul><li></li></ul>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> </title> </head> <body> <h4> </h4> <ul> <!-- ul li li --> <li> </li> <li> </li> <li> </li> </ul> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html>

2.

<ol><li></li></ol>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> </title> </head> <body> <h4> </h4> <ol> <!-- ol li li --> <li> 1W</li> <li> 1K</li> <li> 100</li> </ol> </body> </html>

3.

<dl><dt></dt><dd></dd></dl>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> </title> </head> <body> <dl> <!-- dl dt dd dt dd dt dd --> <!-- dl dt/dd(/) --> <dt> </dt> <dd> </dd> <dd> </dd> <dd> </dd> </dl> </body> </html>

3.

3.1 input

1.text 2.password 3.radio 4.checkbox 5.button 6.reset form 7.submit 8.image src 9.file ## ** ** name 1. ...... 2.name

value

checked =

label 1.

<label>
<input type="text"> <input type="text"></label>

2.`<label for="a">` `</label>` `<input type="text" id="a">`
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>input </title> </head> <body> <form action="xxx.php" method="get"> <!-- text --> : <input type="text" name="username" value=" " maxlength="6"> <br> <!-- password --> : <input type="password" name="pwd" > <br> <!-- radio --> <!-- name name 1 --> <!-- checked , --> : <input type="radio" name="sex" value=" "> <input type="radio" name="sex" value=" " checked="checked"> <input type="radio" name="sex" value=" "> <br> <!-- checkbox --> : <input type="checkbox" name="hobby" value=" "> <input type="checkbox" name="hobby"> <input type="checkbox" name="hobby" checked="checked"> <br> <!-- , form --> <input type="submit" value=" "> <!-- --> <input type="reset" value=" "> <!-- button js --> <input type="button" value=" "> <br> <!-- --> : <input type="file" > </form> </body> </html>

3.2

<textarea>

cols="50" 50

rows="5" 5

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>textarea </title> </head> <body> <form> : <textarea cols="50" rows="5"> </textarea> </form> </body> </html>

3.3

<select>

selected

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>select </title> </head> <body> <form> : <select> <option> </option> <option> </option> <option> </option> <option selected="selected"> </option> </select> </form> </body> </html>