Как начать

Первая страница HTML

Первая страница — это один файл. Назови его index.html. Браузер открывает его сам. Сначала не нужны каркас, библиотека и конструктор сайтов.

Внутри файла три места. html держит всё. head хранит имя страницы. body — это то, что видит человек. Видимый текст клади внутрь body.

Сохрани файл и нажми на него дважды. Откроется браузер. Если текст виден, страница готова. Цвет и раскладка приходят потом. Это CSS.

  • Сохрани файл на рабочем столе, чтобы найти его.
  • <h1>Салам</h1> — это заголовок. <p>Это первая страница.</p> — абзац.
  • Файл должен кончаться на .html. .txt открывается в браузере как код.
  • Если картинка лежит в той же папке, img показывает её имя.
  • Кнопку поставить можно. Чтобы она работала, нужен JavaScript.
  • Не копируй готовый шаблон. Сначала напиши эти три строки сам.

Если страница не открывается, посмотри на конец имени файла. Если это не .html, браузер не считает его страницей.

Инструмент этой темы

Похожие руководства

Подробнее

Первая страница HTML — это единственный файл, который не требует фреймворка, библиотеки или конструктора сайтов. Он представляет собой базовую основу веб-разработки, состоящую из обязательных тегов, которые браузер самостоятельно считывает и отображает на экране.

Людям нужен этот навык, когда они начинают изучать программирование или хотят понять принципы работы веб-страниц. Написание первых строк кода самостоятельно вместо копирования готового шаблона помогает прочно усвоить структуру документа.

Как пользоваться

  1. Назовите файл index.html и сохраните его на рабочем столе.
  2. Добавьте основные теги html, head и body внутрь файла.
  3. Поместите видимый текст и заголовки внутрь тега body.
  4. Сохраните файл и нажмите на него дважды, чтобы открыть в браузере.

Где пригодится

Частые вопросы

Что делать, если страница не открывается как сайт?

Посмотрите на конец имени файла. Если в конце нет .html, браузер не распознает его как веб-страницу.

Нужны ли специальные программы?

Сначала вам не нужны фреймворки, библиотеки или конструкторы сайтов, достаточно простого блокнота и браузера.

Будет ли работать кнопка?

Вы можете добавить кнопку, но для выполнения каких-либо действий ей предварительно потребуется JavaScript.