Задача Задача №2504737
А
А
Задача 1. Измените фон веб-страницы на светло-синий (цветовой код: #B8E3E9). Введите «History of Mobile Phones» с заголовком <h2>, отцентрируйте его по горизонтали, установите…
Запрос пользователя
Задача 1. Измените фон веб-страницы на светло-синий (цветовой код: #B8E3E9). Введите «History of Mobile Phones» с заголовком
, отцентрируйте его по горизонтали, установите цвет текста на Dark Fire (цветовой код: #FF5C00) и измените тип шрифта на Tahoma. [4 балла] Задача 2. С остальным текстом сделайте следующее: [8 баллов] а) Установите тип шрифта Verdana, размер шрифта 20 пикселей; b) Выровняйте 1-й абзац по левому краю, измените цвет текста на красный. c) Выровняйте абзац 2 вправо, измените цвет текста на magenta (код цвета: #FF00FF). d) Выровняйте абзац 3 с обеих сторон, измените цвет текста на синий. Задача 3. Для работы с изображением выполните следующие действия, сохраните изображение в папке images: [6 баллов] а) Поместите картинку martin.png размером 125x125 в правую часть 1-го абзаца. б) Поместите изображение nokia.png размером 200х125 в левую часть 2-го абзаца. в) В правой части 3-го абзаца поместите картинку iphone.jpg размером 125x125. Задача 4. Выделите курсивом «About mobile phones» и создайте такой список: [4 балла] Задача 5. Установите ссылки (гиперссылки) на каждый из телефонов в списке выше: [3 балла] a) для Old mobile phones: https://en.wikipedia.org/wiki/Mobile_phone b) для Samsung phones: https://en.wikipedia.org/wiki/Samsung c) для Apple phones: https://en.wikipedia.org/wiki/Apple_Inc. напиши код
Конечно! Давайте разберем каждую задачу и составим соответствующий HTML-код.
Задача 1
Для изменения фона веб-страницы, добавления заголовка и его стилизации вы можете использовать следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>History of Mobile Phones</title>
<style>
body {
background-color: #B8E3E9; /* Светло-синий фон */
font-family: Tahoma;
}
h2 {
color: #FF5C00; /* Цвет текста Dark Fire */
text-align: center; /* Центрирование заголовка */
}
</style>
</head>
<body>
<h2>History of Mobile Phones</h2>
Задача 2
Для оформления текста и абзацев следующее решение подойдет:
<p style="font-family: Verdana; font-size: 20px; color: red; text-align: left;">Первый абзац с текстом...</p>
<p style="font-family: Verdana; font-size: 20px; color: magenta; text-align: right;">Второй абзац с текстом...</p>
<p style="font-family: Verdana; font-size: 20px; color: blue; text-align: justify;">Третий абзац с текстом...</p>
Задача 3
Для добавления изображений в нужные части абзацев:
<p style="font-family: Verdana; font-size: 20px; color: red; text-align: left;">
Первый абзац с текстом...
<img src="images/martin.png" alt="Martin" width="125" height="125" style="float: right;">
</p>
<p style="font-family: Verdana; font-size: 20px; color: magenta; text-align: right;">
<img src="images/nokia.png" alt="Nokia" width="200" height="125" style="float: left;">
Второй абзац с текстом...
</p>
<p style="font-family: Verdana; font-size: 20px; color: blue; text-align: justify;">
Третий абзац с текстом...
<img src="images/iphone.jpg" alt="iPhone" width="125" height="125" style="float: right;">
</p>
Задача 4
Выделим текст курсивом и создадим список:
<p><em>About mobile phones</em></p>
<ul>
<li>Old mobile phones</li>
<li>Samsung phones</li>
<li>Apple phones</li>
</ul>
Задача 5
Добавим гиперссылки к каждому из телефонов:
<ul>
<li><a href="https://en.wikipedia.org/wiki/Mobile_phone">Old mobile phones</a></li>
<li><a href="https://en.wikipedia.org/wiki/Samsung">Samsung phones</a></li>
<li><a href="https://en.wikipedia.org/wiki/Apple_Inc.">Apple phones</a></li>
</ul>
</body>
</html>
Теперь у вас есть полный HTML-код, который соответствует всем требованиям задач! Если у вас есть дополнительные вопросы или вам нужна помощь по другим темам, не стесняйтесь спрашивать!
