HTML И CSS
Вставка изображения
Подключение CSS
Необходимые теги
Необходимые стили
Задание
200.12K
Category: internetinternet

HTML_I_CSS

1. HTML И CSS

2.

3.

<!DOCTYPE HTML>
<html>
<head>
<title>Название страницы</title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>

4.

<body>
<h1>Анекдот</h1>
<p>Приходит веб-мастер к окулисту. Тот его усаживает напротив
таблицы, берет указку:
- Читайте пятую строчку!
- "ИНШМК"... Доктор, что у вас с кодировкой?</p>
</body>

5.

6.

Существует еще тег <br> от англ. Break – разрыв. Это перенос на новую
строчку. Кстати, это одиночный тег, его не нужно закрывать, т.к. он ничего в
себе не содержит.
<body>
<h3>Анекдот</h3>
<p>Приходит веб-мастер к окулисту. Тот его
усаживает напротив таблицы, берет указку:
<br> - Читайте пятую строчку!
<br> - "ИНШМК"... Доктор, что у вас с кодировкой?
</p>
</body>

7.

8. Вставка изображения

<img src="C:\\Users\\sp\\Desktop\\output.jpg"
alt=«картинка">

9. Подключение CSS

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devicewidth, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>

10.

img {
height: 30%;
width: 30%;
}

11.

12. Необходимые теги

https://htmlbook.ru/html
<h1>
<p>
<img>

13. Необходимые стили

https://htmlbook.ru/css
background-color
color
font-family
font-size

14. Задание

Создать HTML-страницу, на которой есть заголовок, абзац текста
под ним, фон страницы, кастомный шрифт и синий цвет текста.
Требование к работе:
Файл: index.html и styles.css
English     Русский Rules