Создаем простой сайт HTML в блокноте | Пошаговая инструкция (HTML пример) | Глазами новичка

RUTUBE · 01.12.2025 06:21

Ключевые темы и таймкоды

Введение в HTML

0:00
  • Видео начинается с объяснения, что HTML - это язык гипертекстовой разметки, используемый для создания веб-сайтов.
  • Он состоит из тегов, которые преобразуются в визуальные объекты в браузере пользователя.

Создание сайта

0:59
  • В этом видео будет создан полноценный сайт, который можно выложить в интернет.
  • Для этого потребуется хостинг, ссылка на который будет предоставлена в описании видео.
  • Структура сайта состоит из тегов, включая главный тег HTML, шапку сайта, основной тег body и другие.

Создание первой страницы сайта

2:56
  • Для создания первой страницы сайта необходимо создать файл с расширением HTML и установить программу Notepad++.
  • В этом файле будет структура сайта, включая теги и содержимое.

Разбор структуры сайта

3:52
  • В видео подробно разбирается структура сайта, включая типы документов, кодировку, ключевые слова, текст описания и название сайта.
  • Также обсуждаются параметры тегов, такие как фоновое изображение, толщина рамки, выравнивание текста и процент отображения от края.

Создание таблицы сайта

7:33
  • В видео создается таблица сайта, состоящая из одной строки и одной ячейки.
  • Внутри таблицы создается еще одна таблица, которая разбивает сайт на ячейки.
  • Затем создается таблица шапки, задающая область отображения сайта.

Настройка параметров таблицы

8:33
  • Задается параметр стелпадин, процентный отступ от рамки таблицы.
  • Задается ширина таблицы, задается изображение для ячейки.

Создание заголовка сайта

9:31
  • Создается таблица с заголовком h1, h2 и h3.
  • Задается размер шрифта и название сайта.

Создание меню и баннера

10:31
  • Создается таблица с меню и баннером.
  • Задаются параметры для каждой ячейки, включая ширину, цвет и выравнивание.

Создание дополнительной информации

14:24
  • Создается таблица с дополнительной информацией, включая баннер и текст.
  • Задается цвет шрифта и выравнивание текста.