HTML HEAD title title HEAD BODY text336699 bgcolor000000
<HTML> <HEAD> <title>Мой первый шаг </title> </HEAD> <BODY text="#336699" bgcolor="#000000"> <p align=“center”> <H 2>Это моя первая таблица </H 2> </p> <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table> </p> </BODY> </HTML>
<HTML> <HEAD> <title>Мой первый шаг </title> </HEAD> <BODY> <p align=“center”> <H 2>Это моя первая таблица </H 2> </p> <table> <tr> <td bgcolor=“#FFCC 33” >1</td> <td bgcolor=“#336699” >2</td> <td bgcolor=“#FFCC 33” >3</td> </tr> <td bgcolor=“#336699” >4</td> <td bgcolor=“#FFCC 33” >5</td> <td bgcolor=“#336699” >6</td> </tr> </table> </p> </BODY> </HTML>
<HTML> <HEAD> <title>Мой первый шаг </title> </HEAD> <BODY> <p align=“center”> <H 2>Это моя первая таблица </H 2> </p> <table> <tr> <td height="35" width="50" bgcolor="#FFCC 33"> 1 x 1 </td> <td width="50" bgcolor="#336699"> 1 x 2 </td> <td width="50" bgcolor="#FFCC 33"> 1 x 3 </td> </tr> <td height="35" width="50" bgcolor="#336699"> 2 x 1 </td> <td width="50" bgcolor="#FFCC 33"> 2 x 2 </td> <td width="50" bgcolor="#336699"> 2 x 3 </td> </tr> </table> </p> </BODY> </HTML>
Выравнивание содержимого внутри таблицы <td bgcolor="#FFCC 33"> <center>1</center> </td> <td bgcolor="#336699"> <center> 2</center> </td> <td bgcolor="#FFCC 33"> <center>3</center> </td>
Вертикальное выравнивание valign="middle" (top, bottom) - содержимое конкретной ячейки будет находится в середине ячейки (наверху или внизу) <td height="35" width="50" bgcolor="#FFCC 33" valign="top"> <center>1</center> </td> <td width="50" bgcolor="#336699" valign=“middle"> > <center>2</center> </td> <td width="50" bgcolor="#FFCC 33" valign="bottom"> <center>3</center> </td> </tr>
Растягиваем (объединяем) ячейки <table> <tr> <td height="35" bgcolor="#FFCC 33" colspan="2"> <center>1 x 1</center> </td> <td width="50" bgcolor="#336699"> <center>1 x 2</center> </td> </tr> <tr>
- Slides: 13