Помоги

Привет! Давай разберемся с твоим домашним заданием. У тебя задача создать HTML-страницу и использовать CSS для её стилизации. Вот как можно выполнить эти шаги:

1. Создание HTML-страницы:

   • Открой текстовый редактор, например, Notepad++ или Visual Studio Code.

   • Создай новый файл и назови его index.html.

   • В этом файле напиши основной каркас HTML:

     <!DOCTYPE html>
     <html lang="ru">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Моя веб-страница</title>
         <link rel="stylesheet" href="styles.css">
     </head>
     <body>
         <h1>Заголовок страницы</h1>
         <p>Некоторый текст на твоей странице.</p>
         <img src="image.jpg" alt="Пример изображения">
     </body>
     </html>
     

2. Страница должна быть адаптивной:

   • У тебя уже есть мета тег viewport, который помогает сделать страницу адаптивной.

3. Изменить размер и цвет текста с помощью CSS:

   • Создай второй файл styles.css и добавь стили:

     body {
         font-family: Arial, sans-serif;
         margin: 20px;
     }
     
     h1 {
         font-size: 24px;
         color: blue;
     }
     
     p {
         font-size: 16px;
         color: gray;
     }
     

4. Найди изображение и добавь в страницу:

   • Найди подходящее изображение и добавь файл в ту же папку, что и твои HTML и CSS файлы. Обязательно укажи корректное имя файла в src теге.

Теперь открой файл index.html в браузере, чтобы увидеть свой результат. Если всё сделано правильно, у тебя будет простая HTML-страница с заголовком, текстом и изображением. Удачи, если будут вопросы – пиши!