Работа со списками

1)<ol> <ol type ="a">

2)<li> Пирог </li> - список

<ol type ="a"reversed> - нумерация наоборот

<ul> - нумерация списка символами:

<ul type ="square"

Пример

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Your Awesome Webpage created on Sun, Feb 15 2015 10:10 AM</title>

</head>

<body>

<details>

<summary> С праздничком! Открой, если ты моя девушка! </summary>

<ul type ="square">

<li>Пикачу</li>

<li>Джигурда</li>

<li>Азиров</li>

</ol>

<p><img src="13.jpg" height="200" width="200" border="20" border style="grey"><p>

<p><em><mark> </mark></em></p>

<ol start="4"type="1">

</details>

</body>

</html>

День 3

<table>- таблица

Его атрибуты:

<tr>-новая строка

<td>-ячейка

<width> / <height>

<bg color=»red»

<bordercolor=»green»

<summary>

<cl palling>

<cl spacing>

<frame>

Пример


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Ваша удивительная Веб-страница, созданная вск, 22 фев 2015 г., 08:51</title>

</head>

<body>

<table border="1" width="100" height="200" align="center" bgcolor="" bordercolor="red"cellpadding="200" cellcpasing="30" summary="20" >

<tr>

<td>1</td>

<td>1</td>

<td>2</td>

<td>3</td>

<td>4</td>

<td>5</td>

</tr>

</table>

</body>

</html>

Продолжение

<caption> - отвечает за название страницы

<th>

<to>

1) </table>

2) </body>

3) <html>

4) <border= «12»>

5) <tr>

6) <td colspan>

7) </td>

8) </tr>

9) <td>

10)<tr>

1 </td>

2 </tr>

3 <td>

Шаблон

</table>

</body>

<border=»1»>

<tr>

<td cosplain>

</td>

</tr>

<td>

<tr>

width=»150»

</td>

</tr>

<tr>

<td>

</td>

<td>

Widtch=»150»

</td>

</tr>

<tr>

<td>

Cosplain =»3»

</td>

</tr>

Пример

<html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Ваша удивительная Веб-страница, созданная вск, 22 фев 2015 г., 07:09</title>

</head>

<body>

<table border="1" width="100" height="100" width="100%"align="center" bgcolor="lightblue" bordercolor="white" cellpadding="25" cellspacing="30" summary="20" >

<tr>

<td><img src="01.jpg" width="500" height="800"><H1>Бастиан Швайнштайгер</H1></td>

<td><img src="2.jpg" width="500" height="800"><H1>Филип Лам</H1></td>

<td><img src="3.jpg" width="500" height="800"><H1>Герхард Мюллер</H1></td>

</tr>

<tr>

<td><img src="4.jpg" width="500" height="800"><H1> чукча</H1></td>

<td><img src="5.jpg" width="500" height="800"><H1>кристиан лель</H1></td>

<td><img src="6.jpg" width="500" height="800"><H1>ляшко</H1></td>

</tr>

<tr>

<td><img src="7.jpg" width="500" height="800"><H1>янукович</H1></td>

<td><img src="8.jpg" width="500" height="800"><H1>Liashko</H1></td>

<td><img src="9.jpg" width="500" height="800"><H1>шрек</H1></td>

</tr>

<tr>

<td><img src="10.jpg" width="500" height="800"><H1>батя</H1></td>

<td><img src="11.jpg" width="500" height="800"><H1>джигурда</H1></td>

<td><img src="12.png" width="500" height="800"><H1>агент 007</H1></td>

</tr>

<tr>

<td><img src="13.jpg" width="500" height="800"><H1>крестный отец</H1></td>

<td><img src="14.jpg" width="500" height="800"><H1>пикачу</H1></td>

<td><img src="15.jpg" width="500" height="800"><H1>беляш</H1></td>

</tr>

<tr>

<tr bgcolor="blue">bgcolor="blue"</tr>

</tr>

</table>

</body>

</html>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: