Добавим заголовки, атрибуты width (400) и height (200)
Повторите страницу по данному по образцу:
| ячейка 1 | ячейка 2 | ячейка 3 |
| ячейка 4 | ячейка 5 | ячейка 6 |
| ячейка 7 | ячейка 8 | ячейка 9 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Задачник HTML </title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<th> ячейка 1 </th>
<th> ячейка 2 </th>
<th> ячейка 3 </th>
</tr>
<tr>
<td> ячейка 4 </td>
<td> ячейка 5 </td>
<td> ячейка 6 </td>
</tr>
<tr>
<td> ячейка 7 </td>
<td> ячейка 8 </td>
<td> ячейка 9 </td>
</tr>
</table>
</body>
</html>
Добавим выравнивание align
Повторите страницу по данному по образцу:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Задачник HTML </title>
|
|
|
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<th> ячейка 1 </th>
<th> ячейка 2 </th>
<th> ячейка 3 </th>
</tr>
<tr>
<td align="right"> ячейка 4 </td>
<td> ячейка 5 </td>
<td> ячейка 6 </td>
</tr>
<tr>
<td> ячейка 7 </td>
<td align="center"> ячейка 8 </td>
<td align="right"> ячейка 9 </td>
</tr>
</table>
</body>
</html>
Закрепление
Повторите страницу по данному по образцу:
| номер | тег | значение |
| 1 | p | абзац |
| 2 | a | ссылка |
| 3 | b | жирный текст |
| 4 | i | курсив |
| 5 | table | таблица |
| 6 | tr | ряд таблицы |
| 7 | td | ячейка таблицы |
| 8 | th | заголовок таблицы |
<!DOCTYPE html>
|
|
|
<html>
<head>
<meta charset="utf-8">
<title>Задачник HTML</title>
</head>
<body>
<table border="1" cellspacing="0" height="200">
<tr>
<th>номер</th>
<th>тег</th>
<th>значение</th>
</tr>
<tr align="center">
<td>1</td>
<td>p</td>
<td>абзац</td>
</tr>
<tr align="center">
<td>2</td>
<td>a</td>
<td>ссылка</td>
</tr>
<tr align="center">
<td>3</td>
<td>b</td>
|
|
|
<td>жирный текст</td>
</tr>
<tr align="center">
<td>4</td>
<td>i</td>
<td>курсив</td>
</tr>
<tr align="center">
<td>5</td>
<td>table</td>
<td>таблица</td>
</tr>
<tr align="center">
<td>6</td>
<td>tr</td>
<td>ряд таблицы</td>
</tr>
<tr align="center">
<td>7</td>
<td>td</td>
<td>ячейка таблицы</td>
</tr>
|
|
|
<tr align="center">
<td>8</td>
<td>th</td>
<td>заголовок таблицы</td>
</tr>
</table>
</body>
</html>
Оглавление
Модуль 2. Урок 1. Простые таблицы.. 1
Таблицы в HTML. Панель разработчика. 1
Простые таблицы.. 1
Код таблицы из одной строки и одного столбца: 1
Изменение размеров строк и ячеек. 2
Цветные таблицы.. 4
Пример задания цвета всей таблицы: 4
Панель разработчика. 5
Как открыть панель разработчика в Яндекс.Браузере. 5
Способ 1. 5
Способ 2. 5
Способ 3. 6
Проверка адаптации сайта. 6
Вкладки панели разработчика. 7
Вопросы и задания. 8
Вопросы.. 8
Задание. 8
Оглавление. 8
Дата добавления: 2021-12-10; просмотров: 48; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!