Привет, меня зовут Ваня Звягин, я главред Хабра. Кажется, вы хотите написать пост. Это прекрасно, я всеми руками «за» и готов помочь.
На Хабре интересуются IT и всеми сторонами современной жизни: программированием, технологиями, дизайном, наукой, образованием, играми, карьерой, здоровьем. Не обязательно писать хардкорно, но важно, чтобы была польза. Если у вас уже есть крутой материал на другой площадке, запостите его и здесь, чтобы сообщество Хабра тоже его оценило.
Если пост полезен и хорошо написан, его прочитают десятки тысяч человек. К тому же он появится у нас в ВК, Фейсбуке и Телеграме. А, может быть, и попадет в почтовую рассылку лучшего за неделю.
Как всё произойдет
Вы пишете первый пост, его проверяют модераторы, и, если всё хорошо, отправляют в основную ленту Хабра, где он набирает просмотры, комментарии и рейтинг. В дальнейшем премодерация уже не понадобится. Если с постом что-то не так, вас попросят его доработать.
У меня вопрос к Ване Звягину - для чего ХАБР если уже и в ВК и в ПРОЧИХ сосСЕТЯХ всйо есть?
Практикум
Привет! Это поддержка Практикума 👋 Если что-то не получается — постараемся помочь. Пишите в чат или выберите другой способ связи
Пт, 6 ноябряв 21:35
не понятно задание 3-го урока
21:35
Мы уже начали заниматься вашим вопросом, ответим в ближайшее время
Практикум
Здравствуйте, Виктор. Между созданными тегами необходимо разместить текст.
21:39
width="230" :) <img alt="картинка на обложке" src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg" :) Внутри тега после атрибутов src и alt добавьте width="230" :) или я спать хочу или ...
22:21
<img alt="картинка на обложке" width="230" src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg" и что не так ?
22:23
ну, я в шоке от составителей заданий.... какой горе кпирайтер их сочинял?
22:25
Практикум
22:27
уже прошел, но - слишком заумно сформулированы задания, для ЧАЙНИКА со стажем с первого "пинка" сложно взлететь
22:28
Практикум
22:30
Сб, 7 ноябряв 10:03
Привет! представляешь - я завис ))) на 10 уроке https://praktikum.yandex.ru/trainer/web/lesson/ca3ad960-b905-4dad-a6bc-2981077920d7/task/78b9be24-b3ea-4852-a550-94eba7e6e206/
10:03
Мы уже начали заниматься вашим вопросом, ответим в ближайшее время
Практикум
Доброе утро🙂
Тег title — это парный тег, поэтому при создании элемента понадобится открывающий и закрывающий тег. А между ними нужно разместить фразу "The Life of Coder".
Появятся вопросы — пишите, мы здесь 🙂
10:06
но мне выдает - Проверьте теги элемента h1? c ybvb xnj-nj yt nfr
10:09
<!DOCTYPE html> <html> <head> <title> <body> <h1> "The Life of Coder".</h1> </body> </title> </head> <body> <p><a href="https://www.noisli.com" target="_blank">Плейлист</a> для беспечного занятия кодингом.</p> <p>Один раз послушал — семь раз покодил.</p> <img alt="картинка на обложке" width="230" src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg"> </body> </html>
10:10
Практикум
Потому что элемент h1 у вас попал внутрь тега title, а его там быть не должно :) Это отдельный заголовок, он находится на странице, это её контент. В то время как title — это название вкладки в браузере.
что-то вышло, но придется весь курс пройти по новой )))
10:23
Мы уже начали заниматься вашим вопросом, ответим в ближайшее время
<!DOCTYPE html> <html> <head> <title>The Life of Coder </title> <meta charset="UTF-8"> <link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico" type="image"> </head> <body> <h1style="font-size: 24px;">The Life of</h1style="font-size: 24px;> <h2>Coder</h2>
<p><a href="https://www.noisli.com" target="_blank">Плейлист</a> для беспечного занятия кодингом.</p> <p>Один раз послушал — семь раз покодил.</p>
<img alt="картинка на обложке" width="230" src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg"> </body> </html>
11:24
<!DOCTYPE html> <html> <head> <title>The Life of Coder </title> <meta charset="UTF-8"> <link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico" type="image"> </head> <body> <h1style="font-size: 24px;">The Life of</h1> <h2>Coder</h2>
<p><a href="https://www.noisli.com" target="_blank">Плейлист</a> для беспечного занятия кодингом.</p> <p>Один раз послушал — семь раз покодил.</p>
<img alt="картинка на обложке" width="230" src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg"> </body> </html>
11:29
или = или - ничего не понимаю
11:31
Практикум
11:32
:)
11:34
link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico"
11:35
< link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico" />
11:39
Практикум
11:43
так оно и у меня link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico"
11:45
Практикум
Пришлите, пожалуйста, скриншот с решением :)
11:47
<!DOCTYPE html> <html> <head> <title>The Life of Coder </title> <meta charset="UTF-8"> link rel="icon"href="https://code.s3.yandex.net/web-code/playlist-favicon.ico" </head> <body>
11:51
Практикум
Тег необходимо указывать в угловых скобках, вот так: <тег> :)
11:53
пробовал - счаз ясчо раз рискну ;)
12:14
Практикум
Атрибуты мы записываем внутри тега — это правило действует для всех html-атрибутов, будь то ссылка, изображение, или подключение внешних файлов, как в нашем случае. Указывать символ «/» внутри тега не нужно, наш link будет выглядеть следующим образом:
Доброе утро! По окончанию данного курса вам будут доступны следующие компетенции и навыки, которые относятся к веб-разработчику:
Компетенции:
разрабатывает сайты по макету;
понимает процессы, сопутствующие созданию сайта и его публикации в сети;
включается в совместную работу над проектом;
умеет настраивать автоматическую сборку;
разбирается в устройстве сайтов с базами данных;
умеет управлять логикой взаимодействия с сервером.
Инструменты и технологии:
HTML и CSS;
JavaScript;
Git;
React;
Webpack;
Node.js;
Nginx.
10:03
Заманчиво - благодарю!
10:04
ну вот, опять АПШИПКА которую не вижу
10:11
ни один из моих вариантов ошибку не устраняет
10:18
Практикум
Посмотрите, пожалуйста, наш эталонный код https://jsfiddle.net/gkavhb0L/ и исправьте своё решение в соответствии с ним. Обязательно проанализируйте правильный ответ, чтобы не переходить к последующим заданиям с непонятым материалом. Если это будет необходимо, то мы очень рекомендуем вам посмотреть материалы прошлых уроков, чтобы в будущем у вас не возникало похожих вопросов.
И, конечно же, желаем успехов в учёбе 🖤
10:42
минуточку господа ))) на вашем коде ЭТАЛОННОМ нет элемента div? а именно на нем я "застрял" - мне показывает - СИНТАКСИЧЕСКУЮ ошибку, а это уже из правил правописания
<p><a href="https://www.noisli.com" target="_blank">Плейлист</a> для беспечного занятия кодингом.</p>
<p>Один раз послушал — семь раз покодил.</p>
<img src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg" alt="картинка на обложке"> </div>
</body>
</html>
h1 {
font-size: 24px;
text-transform: uppercase;
font-style: italic;
font-family: 'William', serif;
}
h2 {
font-size: 30px;
text-transform: uppercase;
font-family: 'Inter', sans-serif;
}
img {
width: 230px;
}
p {
font-family: 'Inter', sans-serif;
}
div {
background-color: LIME ;
}
.........................
...
..............
......
у меня нету - background-color... вот в чем проблема
и тут Я полез в скрины вверху
нашел, где вставлен в предыдущих уроках background-color...
И - сделал ЕГО!!!
смотрите скрины - вот, что получилось
но - рано радовался ...
следующее задание меня охладило
и тут вспомнил: -
Буквы могут быть как строчными, так и заглавными, это не влияет на отображение. Например, #faeedd и #FAEEDD дадут один результат. По классификации Яндекса это цвет бёдер испуганной нимфы.
а почему и - НЕТ? подумалось мне и ....
.... решил не рисковать 👺мало-ли чем пахнетИспуканная Нимфа👅
и вновь поторопился ....
правда - не понимаю, зачем бледно-серый ...
но, решил для начала поХУЛИганить
#eee - поставлю позже 😈😈😈
а сейчас покажу как выглядит #ff9baa
😀😁😂😃😄😅👿
а вот требуемый результат 👇
вот как-то так-с .....
гоним дальше
Добавьте подпись
Добавьте подпись
БОЛЬШУЮ вьорстку перенесу на другую страничку блога
