Вопрос задан 24.07.2023 в 09:34. Предмет Информатика. Спрашивает Кагаров Егор.

Всем привет! Нужно создать HTML- сайт, на тему "Периферийные устройства" с изображениями, таблицей

и фоном страницы. На сайте должно быть 3 странице. Подскажите пожалуйста как это делать?

Перейти к ответам

Отвечу на вопрос мгновенно! Нейросеть ChatGPT. Жми!

Ответы на вопрос

Внимание! Ответы на вопросы дают живые люди. Они могут содержать ошибочную информацию, заблуждения, а также ответы могут быть сгенерированы нейросетями. Будьте внимательны. Если вы уверены, что ответ неверный, нажмите кнопку "Пожаловаться" под ответом.

Отвечает Филонова Настя.

Это не трудно

Создаешь файл с расширением .html (это сама страница), открываешь с помощью Notepad++ или Sublime (писать будет легче). Пишешь "скелет" страницы:

<!DOCTYPE html>

<html>

<head>

<title>Заголовок страницы</title>

</head>

<body>

<h4>Текст <a href="Page.html"> - (click me)</a> </h4>

<table>

<tr>

Заголовок списка

<td>

Данные

</td>

</tr>

</table>

</body>

</html>

Фон делается через CSS

Чтобы сделать ссылку на другую страницу надо её сделать (также создаешь файл) в этом коде находишь href = "" и вписываешь путь к странице ( если вторая страница в той же папке, что и основная страница, вписываешь только имя и расширение (.html) ). Href (ссылку) можно вписывать в теги. Например :

<h2 href = "Page.html">Текст</h2>

Я сейчас создал текст среднего размера с надписью "Текст" и при нажатии на текст ты перейдешь на другую страницу (файл) которую ты указала.

Отвечает нейросеть ChatGpt. Будьте внимательны, ответы нейросети могут содержать ошибочные или выдуманные данные.

Привет! Создание HTML-сайта на тему "Периферийные устройства" с изображениями, таблицей и фоном страницы несложно. Я могу помочь вам с базовой структурой и кодом для создания трех страниц. Давайте начнем:

Создайте новую папку для вашего проекта и назовите ее, например, "PeripheralDevicesWebsite".
Внутри этой папки создайте три новых файлов: "index.html", "page1.html" и "page2.html". Это будут ваши страницы.
Откройте файл "index.html" в текстовом редакторе (например, Notepad++, Visual Studio Code или Sublime Text) и добавьте следующий код:

html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Периферийные устройства</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
        }
        /* Дополнительные стили для страницы можно добавить здесь */
    </style>
</head>

<body>
    <header>
        <h1>Периферийные устройства</h1>
        <nav>
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="page1.html">Страница 1</a></li>
                <li><a href="page2.html">Страница 2</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <p>Добро пожаловать на сайт о периферийных устройствах.</p>
        <!-- Дополнительное содержимое главной страницы можно добавить здесь -->
    </main>
    <footer>
        <p>© 2023 Ваше имя или название сайта.</p>
    </footer>
</body>

</html>

Теперь, повторите шаги для "page1.html" и "page2.html", заменив соответствующий текст и содержимое страницы.
Внутри тега <main> на каждой странице вы можете добавить информацию о периферийных устройствах, изображения и таблицу, например:

html
<main>
    <h2>Мышь</h2>
    <img src="mouse.jpg" alt="Мышь">
    <p>Мышь - это важное периферийное устройство, которое позволяет управлять курсором на экране компьютера.</p>

    <h2>Клавиатура</h2>
    <img src="keyboard.jpg" alt="Клавиатура">
    <p>Клавиатура - это основное устройство ввода, позволяющее вводить текст и управлять компьютером с помощью клавиш.</p>

    <h2>Принтер</h2>
    <img src="printer.jpg" alt="Принтер">
    <p>Принтер - это устройство, которое позволяет печатать документы и изображения на бумаге.</p>

    <table>
        <tr>
            <th>Устройство</th>
            <th>Описание</th>
        </tr>
        <tr>
            <td>Мышь</td>
            <td>Управление курсором</td>
        </tr>
        <tr>
            <td>Клавиатура</td>
            <td>Ввод текста</td>
        </tr>
        <tr>
            <td>Принтер</td>
            <td>Печать документов</td>
        </tr>
    </table>
</main>

Вставьте изображения (например, "mouse.jpg", "keyboard.jpg" и "printer.jpg") в ту же папку, где находятся ваши HTML-файлы.
После завершения редактирования всех трех страниц, откройте файл "index.html" в вашем веб-браузере. Теперь вы должны видеть свой сайт о периферийных устройствах с навигационным меню и содержимым на каждой странице.

Это лишь основы, и вы можете дополнить сайт дополнительным контентом, стилями, анимациями и интерактивностью в соответствии с вашими потребностями и навыками. Удачи с созданием вашего сайта о периферийных устройствах! Если у вас возникнут еще вопросы, не стесняйтесь спрашивать.

Спроси у Chat GPT бесплатно без регистрации!