Создание HTML сайта в блокноте. Изучаем HTML и CSS с нуля

В данном видео я покажу вам, как создать простой сайт в блокноте используя базовую html разметку.

0:00 Начало
0:54 Создаем текстовый документ и задаем основные HTML теги
2:11 Сохраняем документ в HTML формате
3:15 Добавляем заголовки
5:40 Загружаем картинку
8:05 Добавляем видео
9:22 Выравниваем блоки по центру экрана (браузера)
10:03 Добавляем текст на страницу
11:24 Создаем ссылки
12:45 Теги для создания интервалов (абзацев)
15:36 Стилизация html элементов
19:32 Задаем стили для текстового блока
22:33 Задаем фоновую картинку
25:56 Создаем подвал сайта
30:01 CSS для расстояний между объектами
33:23 Меняем шрифт, его размер и фон
38:53 Создаем кнопки
46:04 Создаем кнопку скроллинга Вверх
50:56 Создание якорной ссылки
53:28 Рамки для картинок и видео плеера
54:45 Создаем главное меню сайта
01:02:42 Делаем нумерованный список
1:06:15 Позиционирование кнопок
1:08:54 Подключаем иконки соц сетей в подвале сайта
1:16:15 Увеличение картинки при наведении курсора
1:21:30 Верстальщик или вебмастер

Рекомендую к просмотру:

#HTMLсайт #сайтвблокноте

[mark-korvin]

Что входит в курс можете посмотреть в описании под данным видео. Стоимость 94 доллара. Бонусом идет видео урок, как перенести созданный сайт на бесплатный хостинг и домен, чтобы сайт начал отображаться в интернете (этот урок сохранит вам средства и поможет предоставлять клиентам готовый к использованию сайт).

[DashkaSoloviova]

Спасибо вам, что вы есть на этом свете. Вы меня спасли❤

[zhtnemp]

СПАСИБО САМЫЙ ЛУЧШИЙ ЧЕЛОВЕК НА ЮТУБЕ, ВЫ ПРОСТО

[newuser]

это видео заслуживает миллион лайков, спасибо автору. Я тоже играю в вов

[J.Boanerges]

Благодарю за труд, очень сильно.
С нуля создаю сайт жене по вашему аналогу.
Спасибо тебе большое

[crazyworld]

спасибо огромное, помогли создать сайт, делал для больницы по вашему видео всё вышло отлично)))

[xyoujbn]

Марк, Привет! Читаю твой блог уже два года. Нравиться как рассказываешь о платформе Блоггер. У меня появился такой вопрос:
В гугл консоль в разделе покрытие показывает, что на каждой странице сайта "ошибка переадресации". Ты не знаешь как решить эту проблему? Сайт новый, ему около двух месяцев.

[AD-wctu]

Здраствуйте Марк, я не совсем понял. А где момент видео, где вы показываете как работает кнопка скролинга.Я написал код просматривая каждую секунду в hd качестве, но так и не нашел этот момент.Можете помочь с этим?

[dcnqnlo]

Здравствуйте, спасибо большое за видео. Скажите пожалуйста что такое <p/>?

[Nothingnongleshshhd]

Здравствуйте можно пожалуйста файл на скачивание документа мне так удобнее будет 😊

[counterstrike.]

сделай видео про адаптацию сайта под все устройства, пожалуйста

[games-pc]

А как теперь все это заставить нормально отображаться на мобильных устройствах?