- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Одиночные HTML-теги</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Инструктор Кекс</h1>
<p>В последующих курсах вам будет часто помогать с освоением тонкостей HTML и CSS инструктор Кексик. Дадим же ему возможность представиться:</p>
<!-- Изображение -->
<!-- Разделитель -->
<blockquote>
<p>Привет! Меня зовут Кекс и я ваш будущий инструктор. Я веб-разработчик и живу в Санкт-Петербурге. Мои самые известные проекты:<!-- Перенос -->
блог Cat Energy,<!-- Перенос -->
курс про ссылки и изображения в HTML Academy,<!-- Перенос -->
курс про HTML5 там же.</p>
<p>До встречи в последующих курсах!</p>
</blockquote>
</body>
</html>
CSS
body {
font-family: "Georgia", serif;
}
/* Пример оформления цитаты */
blockquote {
margin: 1.5em 0;
padding: 0.5em 15px;
line-height: 1.5;
background-color: #f9f9f9;
border-left: 2px solid #cccccc;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Потренируйтесь использовать одиночные теги, чтобы оформить карточку инструктора.
- Вместо текста
<!-- Изображение -->вставьте тег<img>(сама картинка появится в следующем задании). - Вместо
<!-- Разделитель -->вставьте тег<hr>. - Вместо надписей
<!-- Перенос -->вставьте теги<br>.