/
webtheory
/
student
Обзор
Документация
Войти
/
webtheory
/
student
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
HTML/Semantic/span.html
60 строк
1 KB
Jenya
Добавлен раздел CSS
10 июн 2026, 15:06
10 июн 2026, 15:06
1c049a6
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>span</title> </head> <body> <style> .header { display: flex; justify-content: center; align-items: center; min-height: 480px; background: #18191c url("../images/background.svg") no-repeat center / cover; z-index: 0; color: #ffffff; } .header__title { max-width: 500px; color: #fff; font-family: "Roboto", sans-serif; font-size: 25px; text-align: center; text-transform: uppercase; font-weight: normal; line-height: 30px; letter-spacing: 1px; } /* задаём стили для текста, который нужно выделить */ .header__title-accent { display: block; /* перенос на новую строку */ font-size: 55px; line-height: 58px; font-weight: bold; } /* цветовой акцент */ .header__title-accent_color { color: #000000; background-color: #FF8630; } </style> <header class="header"> <h1 class="header__title"> We are <span class="header__title-accent header__title-accent_color"> the best </span> <span class="header__title-accent"> company </span> </h1> </header> </body> </html>