Оглавление:

Как создать простую веб-страницу с помощью скобок для начинающих: 14 шагов
Как создать простую веб-страницу с помощью скобок для начинающих: 14 шагов

Видео: Как создать простую веб-страницу с помощью скобок для начинающих: 14 шагов

Видео: Как создать простую веб-страницу с помощью скобок для начинающих: 14 шагов
Видео: Урок 1 - создание простой web-страницы 2024, Ноябрь
Anonim
Как создать простую веб-страницу с помощью скобок для начинающих
Как создать простую веб-страницу с помощью скобок для начинающих

Вступление

Следующие инструкции содержат пошаговые инструкции по созданию веб-страницы с использованием скобок. Brackets - это редактор исходного кода, основной упор делается на веб-разработку. Созданное Adobe Systems, это бесплатное программное обеспечение с открытым исходным кодом под лицензией MIT License, и в настоящее время поддерживается на GitHub компанией Adobe и другими разработчиками с открытым исходным кодом. Он написан на JavaScript, HTML и CSS.

инструкции

Примечание. - Все теги HTML должны быть заключены в квадратные скобки:

Шаг 1. Загрузите программное обеспечение

Загрузите программное обеспечение
Загрузите программное обеспечение

скачайте Brackets с этого сайта

Шаг 2: Раскройте скобки

Открытые скобки
Открытые скобки

откройте загруженное программное обеспечение Brackets на компьютере.

Шаг 3: Создайте новый файл

Создать новый файл
Создать новый файл

После открытия скобок щелкните значок файла в верхнем левом углу окна, затем щелкните новый, вы увидите новый файл «Без названия».

Шаг 4. Сохраните как.. файл

Сохранить как.. файл
Сохранить как.. файл

Щелкните правой кнопкой мыши этот файл без названия, нажмите «Сохранить как», затем сохраните его на диске.

на этом этапе вы можете дать файлу любое имя, просто убедитесь, что после имени добавлено «.html» (точка html).

Шаг 5. Начните с тега DOCTYPE

Начать с тега DOCTYPE
Начать с тега DOCTYPE

Каждая html-страница должна начинаться со следующего структурного тега. Он сообщает браузеру, каким «правилам следует следовать» при отображении HTML-страницы.

Шаг 6: HTML-тег

HTML-тег
HTML-тег

и - эти теги должны начинать и заканчивать документ.

Шаг 7: Теги головы и тела

Теги головы и тела
Теги головы и тела

Между тегами html напишите и, если он содержит «закулисный» материал. Также напишите и где он содержит текст, изображения, видео, аудио и так далее.

Шаг 8: метатег

Метатег
Метатег

Между тегами укажите, где содержится такая информация, как термины поисковых систем или кодировка символов.

Шаг 9: тег заголовка

Тег заголовка
Тег заголовка

Между тегами, под, напишите и. Итак, все, что вы напишете между ними, вы увидите в верхней части окна браузера, и этот тег важен для поисковой системы. Например, я напишу «WRD 204».

Шаг 10: Добавление абзаца с помощью тега P

Добавление абзаца с помощью тега P
Добавление абзаца с помощью тега P

Между ними напишите любую информацию, которую вы хотите видеть на веб-странице, например изображение, аудио, видео и абзац. В моем примере я собираюсь написать абзац, используя следующие теги для абзаца:

а также.

Шаг 11. Посмотрите свои результаты

Смотрите свои результаты
Смотрите свои результаты
Смотрите свои результаты
Смотрите свои результаты

Чтобы увидеть результаты: сначала щелкните файл правой кнопкой мыши и выберите «Сохранить», затем щелкните значок «Предварительный просмотр в реальном времени» в правом верхнем углу.

Примечание: - в любое время, когда вы вносите изменения и хотите увидеть результат, сначала вы должны сохранить файл, вы можете использовать сочетание клавиш «Ctrl + S».

Шаг 12: измените форматирование

Изменить форматирование
Изменить форматирование
Изменить форматирование
Изменить форматирование

Если вы хотите изменить размер текстового формата, используйте самый большой заголовок или самый маленький. В моем примере я буду использовать.

Шаг 13: Тег разрыва одинарной / двойной строки

Тег одинарного / двойного разрыва строки
Тег одинарного / двойного разрыва строки
Тег одинарного / двойного разрыва строки
Тег одинарного / двойного разрыва строки

Если вы хотите сделать одинарный / двойной разрыв строки между абзацами, используйте тег

Шаг 14: Заключение

Поздравляю! теперь вы можете начать создавать свою собственную веб-страницу.

Если вам интересно узнать больше о HTML-тегах, я рекомендую этот веб-сайт

Рекомендуемые: