Начало
Учебные материалыПодразделы
Другие разделы
| Базы данных |
| Визуальное программирование |
| Проектная работа |
| Разработка мобильных приложений |
| Хранилища данных |
Дата и время
11/09/2026 04:43:53
Практика по html
Практическая работа № 1
---
### Шаг 1. Подготовка рабочей папки
1. Создайте на компьютере новую папку, например "computer-page".
2. Внутри папки создайте текстовый файл и переименуйте его в "index.html".
3. Убедитесь, что расширение файла именно ".html", а не ".txt" (в Windows может потребоваться включить отображение расширений файлов).
---
### Шаг 2. Базовая структура HTML-документа
Откройте "index.html" в текстовом редакторе и вставьте следующий шаблон:
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Устройство компьютера</title>
</head>
<body>
<!-- сюда будем добавлять контент -->
</body>
</html>
```
Сохраните файл.
> **Пояснение:** "<!DOCTYPE html>" сообщает браузеру, что это современный HTML5. "<html lang="ru">" указывает, что язык страницы — русский. "<meta charset="utf-8">" нужен для корректного отображения кириллицы. "<title>" — заголовок вкладки браузера.
---
### Шаг 3. Добавление главного заголовка и вводного текста
Внутри тега "<body>" добавьте:
"""html
<h1>Устройство компьютера</h1>
<p>Компьютер состоит из множества компонентов, которые работают вместе, чтобы обрабатывать данные и выполнять задачи пользователя. Ниже рассмотрены основные части компьютера.</p>
"""
Сохраните и откройте файл в браузере, чтобы проверить результат.
---
### Шаг 4. Раздел «Системный блок» и список компонентов
Добавьте после предыдущего блока:
```html
<h2>Системный блок</h2>
<p>Это основной корпус, в котором размещены главные компоненты компьютера.</p>
<ul>
<li><strong>Процессор (CPU)</strong> — центральный вычислительный элемент.</li>
<li><strong>Оперативная память (RAM)</strong> — временное хранилище данных для быстрой работы программ.</li>
<li><strong>Материнская плата</strong> — главная плата, к которой подключаются все остальные компоненты.</li>
<li><strong>Жёсткий диск / SSD</strong> — устройство долговременного хранения данных.</li>
<li><strong>Блок питания</strong> — обеспечивает питание всех компонентов.</li>
<li><strong>Видеокарта</strong> — отвечает за обработку графики и вывод изображения.</li>
</ul>
```
---
### Шаг 5. Раздел «Внешние устройства» с многоуровневым списком
Добавьте:
```html
<h2>Внешние устройства</h2>
<p>Периферийные устройства, которые подключаются к компьютеру и расширяют его возможности.</p>
<h3>Устройства ввода</h3>
<ul>
<li>Клавиатура</li>
<li>Мышь</li>
<li>Сканер</li>
<li>Микрофон</li>
</ul>
<h3>Устройства вывода</h3>
<ul>
<li>Монитор</li>
<li>Принтер</li>
<li>Колонки</li>
</ul>
<h3>Комбинированные устройства</h3>
<ul>
<li>Веб?камера (ввод видео + иногда звук)</li>
<li>Сенсорный экран (ввод и вывод)</li>
</ul>
```
---
