Поделиться
Практическое задание по HTML для начинающих с таблицами.docx
Практическое задание по HTML для начинающих
Цель задания
Научиться создавать простую веб-страницу с помощью HTML-тегов.
Задание
1. Создайте файл с расширением .html (например, index.html).
2. Внутри файла напишите код веб-страницы, который должен содержать:
- Заголовок страницы (например, «Моя первая страница»).
- Несколько абзацев текста. Для разноцветных строк используйте тег <font color="..."> с разными цветами.
- Маркированный или нумерованный список (например, список любимых фруктов или хобби).
- Простую таблицу с 2–3 строками и столбцами. Задайте цвет фона таблицы с помощью атрибута bgcolor.
- Вставьте рисунок с вашего компьютера (используйте тег <img src="...">, путь к картинке укажите относительно файла HTML).
Пример структуры кода:
<!DOCTYPE html>
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
<h1>Моя первая страница</h1>
<p><font color="red">Это красная строка.</font></p>
<p><font color="blue">А это синяя строка.</font></p>
<ul>
<li>Яблоко</li>
<li>Банан</li>
<li>Груша</li>
</ul>
<table border="1" bgcolor="#f0f0f0">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</table>
<img src="images/moy_risunok.jpg" alt="Мой рисунок">
</body>
</html>
Рекомендации
- Все файлы (HTML и картинки) лучше хранить в одной папке или в подпапке (например, images).
- Для вставки рисунка используйте относительный путь, например: images/moy_risunok.jpg.
- Проверьте, что страница открывается в браузере и все элементы отображаются корректно.
Что нужно сдать
- Файл index.html с выполненным заданием.
- Папку с картинкой, если она используется.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
