Вопрос задан 22.06.2023 в 10:38. Предмет Информатика. Спрашивает Артемьева Полина.

Необходимо создать html страницу с персональными данными, содержащую следующие элементы html: 1)

title страницы 2) Заголовок 3) 2 абзаца 4) Изображение 5) Ссылка 6) Список 7) Таблица 8) Использовать CSS даю 100 балов

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

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

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

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

Отвечает Калашникова Мария.

Ответ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Твой title</title>

TABLE {

background: maroon; /* Цвет фона таблицы */

color: white; /* Цвет текста */

}

TD {

background: navy; /* Цвет фона ячеек */

}

</style>

</head>

<body>

<h1>Заголовок</h1>

<p>Первый абзац.</p>

<p>Второй абзац.</p>

<Img src="https://million-wallpapers.ru/wallpapers/1/55/506744950768048/biryuzovyj-gornoe-ozero.jpg" Width="200" Height="150">;

<ul>

<p><a href="https://superresheba.by/">resheba</a></p>

</ul>

<table>

<tr><th>Заголовок 1</th><th>Заголовок 2</th></tr>

<tr><td>Ячейка 3</td><td>Ячейка 4</td></tr>

</table>

</body>

</html>

Объяснение:

P.S css добавил в этом же коде (не в отдельном файле).

И картинка по ссылке. Ее тоже можно было бы в отдельный файл записать(по необходимости).

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

Конечно, вот пример HTML-страницы с персональными данными, содержащей все указанные вами элементы, а также со стилизацией с использованием CSS:

html
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Моя персональная страница</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        h1 {
            color: #333;
            text-align: center;
        }
        p {
            margin: 10px 0;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        a {
            text-decoration: none;
            color: #0077b6;
        }
        ul {
            list-style-type: disc;
        }
        table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid #333;
            padding: 8px;
            text-align: left;
        }
    </style>
</head>
<body>
    <h1>Мои персональные данные</h1>
    <p>Привет, меня зовут <strong>Иван</strong>. Я люблю программирование и веб-разработку.</p>
    <p>В свободное время я читаю <a href="https://www.example.com">интересные статьи</a> и изучаю новые технологии.</p>
    <img src="my-photo.jpg" alt="Моя фотография">
    <h2>Мои интересы:</h2>
    <ul>
        <li>Программирование</li>
        <li>Веб-разработка</li>
        <li>Чтение</li>
    </ul>
    <h2>Моя таблица с данными:</h2>
    <table>
        <tr>
            <th>Имя</th>
            <th>Возраст</th>
            <th>Город</th>
        </tr>
        <tr>
            <td>Иван</td>
            <td>30</td>
            <td>Москва</td>
        </tr>
        <tr>
            <td>Анна</td>
            <td>28</td>
            <td>Санкт-Петербург</td>
        </tr>
    </table>
</body>
</html>

Замените "my-photo.jpg" на URL или путь к вашей фотографии. Этот код создает страницу с заголовком, абзацами, изображением, ссылкой, списком и таблицей, а также применяет стили CSS для улучшения внешнего вида страницы.

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