Как создать и просмотреть веб-сайт на компьютере
❮ Предыдущая Далее ❯
Узнайте, как создавать и просматривать веб-страницы на компьютере.
Шаг 1: Откройте Блокнот (ПК)
Windows 8 или более поздняя версия:
Откройте начальный экран (символ окна внизу слева на экране). Тип Блокнот .
Windows 7 или более ранняя версия:
Открыть Пуск > Программы > Аксессуары > Блокнот
Шаг 1. Откройте TextEdit (Mac)
Откройте Finder > Приложения > TextEdit
правильно сохранять файлы. В Настройки > Формат > выберите «Обычный текст»
Затем в разделе «Открыть и сохранить» установите флажок «Отображать файлы HTML как код HTML вместо форматированного текста».
Затем откройте новый документ для размещения кода.
Шаг 2: Напишите HTML-код
Напишите или скопируйте в Блокнот следующий HTML-код:
Мой первый заголовок
Мой первый абзац.
Шаг 3: Сохраните HTML-страницу
Сохраните файл на своем компьютере. Выберите «Файл » > «Сохранить как » в меню «Блокнот».
Назовите файл «index.htm» и установите кодировку UTF-8 (предпочтительная кодировка для файлов HTML).
Совет: В качестве расширения файла можно использовать .htm или .html. Нет никакой разницы; Это тебе решать.
Шаг 4. Просмотр HTML-страницы в браузере
Откройте сохраненный HTML-файл в своем любимом браузере (дважды щелкните файл, или щелкните правой кнопкой мыши — и выберите «Открыть с помощью»).
Результат будет примерно таким:
Онлайн-редактор W3Schools — «Попробуйте сами»
С помощью нашего бесплатного онлайн-редактора вы можете редактировать HTML-код и просматривать результат в своем браузере.
Это идеальный инструмент, если вы хотите быстро протестировать код . Он также имеет цвет кодирование и возможность сохранять код и делиться им с другими:
Пример
Это заголовок
Это абзац.
Попробуйте сами »
Нажмите кнопку «Попробуйте сами», чтобы увидеть, как это работает.
W3Schools Spaces
W3Schools Spaces
Все, что вам нужно прямо в браузере. Он прост в использовании — попробуйте!
Начните бесплатно
❮ Назад Далее ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.
CSS Учебное пособие по Bootstrap
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
9000 3
Основные каталожные номера
Справочник по HTMLСправочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Лучшие примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры jQuery
ФОРУМ | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.
Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.
Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
588+ бесплатных HTML CSS шаблонов сайтов от TemplateMo
Бесплатные шаблоны веб-сайтов HTML CSS
Более 200 последних шаблонов представляют собой адаптивные макеты HTML5, готовые для мобильных устройств, с использованием инфраструктуры Bootstrap. Все 588+ шаблонов CSS абсолютно бесплатны для вашего веб-дизайна. Вы можете использовать бесплатные шаблоны в коммерческих, личных или учебных целях. Пожалуйста, свяжитесь с нами, если у вас есть какие-либо вопросы.
Одностраничные целевые страницы портфолио Все шаблоны
Dream Pulse — это одностраничный прокручиваемый шаблон с липким боковым меню. Этот двухколоночный макет использовал Bootstrap v4.3.1 и Magnific…
Финансовый HTML-шаблон можно использовать как одностраничный или многостраничный в зависимости от потребностей вашего бизнеса.
Шаблон CSS Training Studio подходит для веб-сайтов тренажерных залов, фитнес-клубов и йога-клубов. Этот HTML-шаблон построен на Bootstrap…
Zay Shop — это шаблон электронной коммерции Bootstrap 5 beta 1 HTML CSS для ваших интернет-магазинов. Этот шаблон зеленого цвета содержит листинг…
SEO Dream — это шаблон HTML CSS для цифрового маркетинга, основанный на Bootstrap 5. Это одностраничный HTML5-макет с анимированной страницей…
Edu Meeting — это образовательный HTML CSS-шаблон для университета, школы или любого образовательного учреждения. Этот макет основан на…
Designer — это полноразмерный гибкий шаблон веб-сайта для компаний, занимающихся дизайном интерьеров и отделкой. Этот макет основан на последних…
Leadership Event — это шаблон веб-сайта для встреч и мероприятий в формате HTML CSS, основанный на платформе Bootstrap 5.1.3. Этот одностраничный шаблон…
Liberty NFT Market — это профессиональный дизайн веб-сайтов, связанных с NFT.
Этот шаблон HTML CSS основан на Bootstrap…
Первое портфолио — это одностраничный CSS-шаблон макета для вашей личной страницы портфолио. В этом шаблоне используются зеленый, фиолетовый, белый и…
Доброе сердце Благотворительность может использоваться как в виде одностраничного макета, так и в виде нескольких страниц. Этот шаблон CSS основан на Boostrap 5.2.2…
Tale — лучший шаблон веб-сайта SEO-агентства для ваших компаний, занимающихся цифровым маркетингом. Он основан на Bootstrap v5.2.2 CSS для вашего…
Шаблон игрового магазина Lugx основан на библиотеке Bootstrap 5 CSS. Этот макет синего цвета специально использовал Bootstrap v5.3.0 alpha 1….
Этот шаблон представляет собой целевую страницу электронной книги или одностраничный макет для цифровых книг. Есть 6 различных разделов, включая содержание…
Гольф-клуб Tiya включает 3 страницы HTML с CSS Bootstrap v5.3.0. Этот шаблон подходит для ваших веб-сайтов полей для гольфа. Там.