Вставка изображения в документ
1. Загрузи на свой компьютер файл IMG.zip.
Откройте файл image.htm в текстовом редакторе.
Ваша задача - оформить страницу про видных и известных деятелей геймдев индустрии. Для оформления можно использовать рисунки из подкаталога images.
2. Добавьте заголовок страницы (TITLE), укажите там название документа и фамилию автора, например:
CSS - Изображения: работа Петрова П.П.
3. Найдите и выделите заголовок документа и заголовки разделов.
используй тэги <H1> и <H2>
4. Разбейте текст на абзацы.
используй тэг <P>
5. Замените верхние кавычки на «ёлочки».
« - левая
» - правая
6. Замените везде знаки «минус» на тире, сделайте так, чтобы тире не отрывались от предыдущих слов.
—
7. Создайте стилевой файл ms.css и подключите его к веб-странице. С помощью стилевого файла:
<link rel="stylesheet" href="ms.css">
а) Установите в качестве фона страницы рисунок back.jpg
В стилевом файле ms.css должна быть такая запись:
body {
background: url(images/back.png);
}
б) Выберите соответствующий цвет текста
К стилю тэга body допишите строку:
color: white;
в) Определите для заголовков H2 следующие свойства: жирный шрифт, курсив и цвет.
H2{
font-style: italic;
font-weight: bold;
color: pink;
}
8. Добавьте на страницу рисунки, расположенные в подкаталоге images.
Внутри тэга абзаца p напиши следующий код:
<img src="images/gabe.png" align="left">Если где-то нужно для вёрстки подвинуть текст ниже картинки:
используй тэг <br>
9. С помощью стилевого файла установите для рисунков внешний отступ (margin) 10 пикселей.
К стилю тэга img напиши код:
margin: 10px
Примерный результат работы: