Готовый сайт в html в блокноте: Создаём простой HTML сайт с помощью блокнота

Содержание

Основы создания сайта в блокноте » Новостной портал ERA.BY

Создание сайта с помощью html – не самое сложное, что может вам встретиться на пути разработки web-сайтов. Основных способов создания сайтов несколько. Можно создать сайт, используя при этом готовый шаблон или программу-конструктор, можно также создать его, используя одну из систем управления сайтами (CMS). А можно написать все коды самому. Как утверждают представители веб-студии Trix Studio (https://3x.su/), создание сайта в блокноте – доступно даже новичку.

Из всех перечисленных способов создания сайта удобнее всего – так называемый графический способ, в котором основной упор делается на html. Графический способ создания сайтов считается самым оптимальным как среди новичков, так и среди профессионалов.

При создании сайта графическим способом в самом начале подготавливается дизайн будущей страницы в фотошопе, который по окончании процессов нарезается в html-код. После нарезки у вас получится html страница, а также – папка с изображениями.

После такого предварительного процесса начинается работа в html редакторе по редактированию написанного кода.

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

Итак, создание сайта через блокнот начинается с того, что находим в списке программ Wordpad или блокнот и открываем его. Далее вам понадобится минимальное знание тегов html. Так, например, <html> и </html> означают теги, открывающие и закрывающие документ. При этом закрывающийся тег отличается от открывающегося наличием слэша перед html. То, что вы видите в фигурных скобках <> – это и есть теги html, каждый из которых означает определенную команду или действие. Выше приведены парные теги (которые имеют одновременно открывающийся и закрывающийся тег), однако теги могут быть и не парными.

Если говорить более подробно о том, как создать сайт через блокнот, то открывающим тегом <html> мы говорим, что html документ начался, соответственно закрываться он должен в самом конце тегом </html>.

Следующий тег, который необходимо разобрать, это — <head>. Таким тегом обозначается “шапка” или же “голова” документа. Название документа, которое впоследствии будет отображаться в браузере, находится в самом верху страницы. Название документа пишется внутри “шапки” и затем вставляется между тегами <title>Название</title>. После того как название сайта написано, тег </head> закрывается.

Тело документа всегда начинается с тега <body> и закрывается им же. После того, как вы открываете тег, можете на странице писать все, что угодно, а по окончании текста закрыть видимую часть закрывающимся тегом </body>. После чего закрывается готовая Интернет-страница – закроем ее закрывающимся тегом </html>.

После того как код страницы в блокноте набран, необходимо сохранить его в файле с расширением htm или html. Далее – вы сможете открыть файл любым браузером и посмотреть, что получилось.

создаем адаптивный сайт для GitHub Pages

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

Обзор проекта

Готовый сайт находится здесь. У сайта несколько секций:

Главная
Резюме
Портфолио
Блог
Контакты

Переключение между секциями создает иллюзию многостраничности, но в «живой» версии сайт – одностраничный. Бэкенд включает в себя модуль Frozen Flask, который превращает приложение в генератор статических сайтов (SSG): все страницы, необходимые для адекватного представления сайта в статической версии, создаются автоматически.

Готовый сайт на GitHub Pages

Фронтенд сделан на Bootstrap с несколькими дополнительными JS скриптами – например, записи в блоге фильтруются (без перезагрузки страницы) по тегам с помощью скрипта isotope.

js, при этом теги для фильтра скрипт получает из расширения Flask – FlatPages. Записи в блоге и карточки в портфолио можно перелистывать свайпом, без перезагрузки страницы. Bootstrap обеспечивает адаптивность: сайт одинаково хорошо смотрится на широкоформатном мониторе и на смартфоне.

Первый этап

На этом этапе мы установим Flask вместе со всеми нужными расширениями и зависимостями, напишем первый вариант кода для блога и сделаем два простейших шаблона.

Установка Flask

Сначала нужно создать папку для проекта и активировать виртуальное окружение:

mkdir flask_project
cd flask_project
mkdir .venv
pipenv shell

Папка .venv – служебная: менеджер pipenv автоматически разместит все нужные зависимости там, и они не будут загромождать корневую директорию проекта. Виртуальное окружение активируется командой pipenv shell, для выхода нужно выполнить exit.

Установим Flask и все необходимые зависимости. Для этого сохраните этот список в файле requirements.txt:

Click==7.0
Flask==1.1.1
Flask-FlatPages==0.7.1
Frozen-Flask==0.15
itsdangerous==1.1.0
Jinja2==2.10.3
Markdown==3.1.1
MarkupSafe==1.1.1
Pygments==2.4.2
PyYAML==5.1.2
Werkzeug==0.16.0

Поместите файл в директорию проекта и выполните команду:

pipenv install -r requirements.txt

Для быстрого знакомства с принципами работы Flask мы сначала создадим тестовый блог, а затем перейдем к реализации нашего проекта.

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека питониста»

Интересно, перейти к каналу

Структура Flask проекта

Начнем с создания структуры проекта:

├── mysite.py
├── content
│   └── posts
│   	
├── static
└── templates

В папке content/posts будут размещаться Markdown файлы, в templates – шаблоны, в static – CSS стили, изображения и JS-скрипты. Весь код приложения мы напишем в файле mysite.py – сначала импортируем нужные модули, затем определим основные параметры, после пропишем маршруты к шаблонам и запустим сервер. Простейший вариант кода mysite.py выглядит так:

import sys
from flask import Flask, render_template
from flask_flatpages import FlatPages, pygments_style_defs
from flask_frozen import Freezer
DEBUG = True
FLATPAGES_AUTO_RELOAD = DEBUG
FLATPAGES_EXTENSION = '.md'
FLATPAGES_ROOT = 'content'
POST_DIR = 'posts'
 
app = Flask(__name__)
flatpages = FlatPages(app)
freezer = Freezer(app)
app.config.from_object(__name__)
 
@app.route("/")
def index():
	posts = [p for p in flatpages if p.path.startswith(POST_DIR)]
	posts.sort(key=lambda item: item['date'], reverse=True)
	return render_template('index.html', posts=posts, bigheader=True)
 
@app.route('/posts/<name>/')
def post(name):
	path = '{}/{}'.format(POST_DIR, name)
	post = flatpages.get_or_404(path)
	return render_template('post.html', post=post)
 
if __name__ == "__main__":
	if len(sys.
  argv) > 1 and sys.argv[1] == "build":
    	freezer.freeze()
	else:
    	app.run(host='127.0.0.1', port=8000, debug=True)

В это трудно поверить, но основной код блога действительно занимает всего 28 строк. Это возможно благодаря модулям FlatPages и Flask Frozen: первый избавляет от необходимости хранить посты в базе данных, проводит рендеринг Markdown-файлов в html, обеспечивает вывод записей и обращение к их свойствам, что будет заметно при создании шаблонов. Flask Frozen в действии мы увидим чуть позже: этот модуль берет на себя создание статической копии сайта – экспортирует html-файлы и все нужные ассеты (скрипты, CSS, изображения) в папку

build.

Добавим в папку posts два-три тестовых поста – в YAML части обязательно должны быть метаданные title, date, description, потому что Jinja будет вызывать их в шаблонах. Markdown посты можно писать в любом редакторе – хоть в Блокноте, хоть в Sublime Text; можно обзавестись и специальным редактором – MarkdownPad для Windows, Mou для macOS.

Теперь создадим два простейших шаблона. Это код для index.html:

{% block content %}
<h3>Блог - тестовый запуск</h3>
            {% for post in posts %}
        	<small>{{ post.date }}</small>
        	<p>
          	<h4>
            	{{ post.title }}
          	</h4>
        	<p>
          	<i>{{ post.description }}</i>
        	</p>
         	<p>{{ post.html[:100]|safe }}</p>
            	<a href="{{ url_for('post', name=post.path.replace('posts/', '')) }}"><span>Читать</span></a>
        	</p>
        	{% endfor %}
{% endblock %}

А это шаблон для вывода записи на отдельной странице post.html:

{{ post.date }}
{{ post.title }}
{{ post.dеscription }}
{{ post.html|safe }}

Оба шаблона мы доработаем на следующем этапе, а пока запустим приложение python mysite. py

и посмотрим на результат.

Главная страница блогаОтдельная запись

Весь код и тестовый контент для этого этапа есть здесь.

Второй этап

На этом этапе мы сделаем первые шаблоны и подключим файл с настройками.

Шаблонизатор Jinja2

Flask использует шаблонизатор Jinja2. Синтаксис Jinja2 идентичен шаблонизатору Django и напоминает Python. Если вам еще не приходилось работать с Django, на этом этапе достаточно знать, что логика в Jinja2 заключается в такие фигурные скобки {% %}, а переменные – в такие {{ }}.

Шаблон Jinja2 представляет собой обычный html-файл, в котором блоки с логикой и переменными размещаются в уже упомянутых скобках. К шаблону можно подключать любые JS-скрипты, иконки, шрифты. Большое количество переменных можно передать в шаблон в виде словаря:

@app.
  route("/")
def index():
	variables = {"title":"Это мой сайт",
             	"description":"Разработчик, дизайнер, автор ИТ-курсов"
             	"keywords":"Разработка на Python, курсы по Django"
 	            }	
return render_template('index.html', **variables)

В шаблоне index.html, в свою очередь, эти переменные можно вставить в нужные теги:

<title>{{ title }}</title>
  <meta content="{{ description }}" name="description">
  <meta content="{{ keywords }}" name="keywords">

Если же переменных очень много, имеет смысл вынести словарь в отдельный файл – в дальнейшем мы воспользуемся именно этим вариантом.

Jinja2 поддерживает наследование и включение шаблонов – это позволяет разбить шаблон объемной страницы на несколько секций, которые проще редактировать по отдельности. Наш сайт состоит из одной страницы с несколькими разделами, которые целесообразно вынести в отдельные шаблоны:

base. html
index.html
header.html
resume.html
counters.html
skills.html
interests.html
portfolio.html
card.html
blog.html
post.html
contacts.html

Jinja2 не диктует каких-то жестких правил: при желании можно обойтись всего двумя шаблонами – index.html и post.html. И, конечно, можно не выносить переменные в отдельный файл, а вписать весь текст резюме и портфолио прямо в index.html. Но поддерживать сайт проще, если хранить всю потенциально изменяемую информацию в Markdown-файлах и текстовом файле конфигурации – в этом случае для изменения данных нужно будет внести поправки только один раз: переменные в шаблонах обеспечат обновление текста во всех разделах сайта. Кроме того, ненужные разделы сайта очень просто удалить, если они находятся в отдельных шаблонах.

Первый шаблон, который мы создадим – base.html. Он будет получать переменные из бэкенда. Для передачи данных в шаблон создайте файл settings.txt и сохраните в нем словарь:

{"site_url":"http://localhost:8000",
"site_title": "John Doe: Python разработчик и автор контента",
"description": "Джон Доу - портфолио, резюме и блог Python разработчика",
"keywords": "Веб-разработка на Python, бэкенд на Django и Flask"}

Теперь добавьте импорт json и загрузку данных из файла в mysite.py:

@app.route("/")
def index():
	posts = [p for p in flatpages if p.path.startswith(POST_DIR)]
	posts.sort(key=lambda item: item['date'], reverse=True)
	with open('settings.txt', encoding='utf8') as config:
    	data = config.read()
    	settings = json.loads(data)
	return render_template('index.html', posts=posts, bigheader=True, **settings)

Сохраните этот код в templates/base. html:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>{{ site_title }}</title>
  <meta content="{{ description }}" name="description">
  <meta content="{{ keywords }}" name="keywords">
  <link href="{{ url_for('static', filename='img/favicon.png') }}" rel="icon">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/glightbox/css/glightbox. min.css') }}" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/remixicon/remixicon.css') }}" rel="stylesheet">
  <link href="{{ url_for('static', filename='assets/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
  <script src="https://kit.fontawesome.com/69e2443572.js" crossorigin="anonymous"></script>
  <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
</head>
<body>
  <main>
{% block content %} <!-- вложенные шаблоны -->
{% endblock %}
  </main>
  <!-- Скрипты -->
  <script src="{{ url_for('static', filename='assets/purecounter/purecounter.js') }}"></script>
  <script src="{{ url_for('static', filename='assets/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  <script src="{{ url_for('static', filename='assets/glightbox/js/glightbox.min.js') }}"></script>
  <script src="{{ url_for('static', filename='assets/isotope-layout/isotope. pkgd.min.js') }}"></script>
  <script src="{{ url_for('static', filename='assets/swiper/swiper-bundle.min.js') }}"></script>
  <script src="{{ url_for('static', filename='assets/waypoints/noframework.waypoints.js') }}"></script>
  <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>

А этот – в templates/index.html:

{% extends "base.html" %}
{% block content %}
<h2>Здесь будет сайт</h2>
{% endblock %}

Сохраните в папке static все эти ассеты. Теперь можно запускать сервер python mysite.py– скелет сайта готов:

Значения тегов title, description и keywords взяты из файла settings.txt

Перейдем к созданию первого шаблона, расширяющего index.html – header.html. Добавьте переменные в файл settings. txt:

"site_url":"http://localhost:8000",
"tag1":"Разработчик и автор",
"tag2":"курсов по Django",
"sect1":"Главная",
"sect2":"Резюме",
"sect3":"Портфолио",
"sect4":"Блог",
"sect5":"Контакты",
"telegram":"https://t.me/johndoe",
"facebook":"ttps://facebook.com/john.doe",
"vk":"https://vk.com/john_doe",
"email":"mailto:[email protected]"

И отредактируйте файл index.html – теперь он будет включать в себя header.html с помощью include:

{% extends "base.html" %}
{% block content %}
{% block header %}
{% include "header.html" %}
{% endblock %}
{% endblock %}

Перезагрузите страницу:

Хэдер включен в index.html

Весь код и контент для этого этапа – здесь. Во второй части туториала мы завершим работу над приложением и загрузим статическую копию сайта на GitHub Pages.

***

Материалы по теме

🐍🚀 Django с нуля. Часть 1: пишем многопользовательский блог для клуба любителей задач Python
🐍🚀 Django с нуля. Часть 2: регистрация, авторизация, ограничение доступа
🐍🚀 Django с нуля. Часть 3: создание профилей, сжатие изображений, CRUD и пагинация

Какое программное обеспечение мне нужно для создания веб-сайта? — Изучите веб-разработку

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

Предпосылки:	Вы уже должны знать разница между веб-страницами, веб-сайтами, веб-серверами и поиском двигатели.
Цель:	Узнайте, какие программные компоненты вам нужны, если вы хотите редактировать, загружать или просмотреть веб-сайт.

Большинство программ, необходимых для веб-разработки, можно скачать бесплатно. Мы предоставим несколько ссылок в этой статье.

Вам понадобятся инструменты для:

создания и редактирования веб-страниц
Загрузить файлы на ваш веб-сервер
Просмотр вашего веб-сайта

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

Активное обучение пока недоступно. Пожалуйста, подумайте над тем, чтобы внести свой вклад.

Создание и редактирование веб-страниц

Для создания и редактирования веб-сайта вам понадобится текстовый редактор. Текстовые редакторы создают и изменяют неформатированные текстовые файлы. Другие форматы, такие как RTF , позволяют добавлять форматирование, например полужирный шрифт или подчеркивание. Эти форматы не подходят для написания веб-страниц. Вы должны подумать о том, какой текстовый редактор вы используете, так как вы будете много работать с ним во время создания веб-сайта.

Все настольные операционные системы поставляются с базовым текстовым редактором. Все эти редакторы просты, но не имеют специальных функций для кодирования веб-страниц. Если вы хотите что-то более необычное, есть множество доступных сторонних инструментов. Сторонние редакторы часто имеют дополнительные функции, включая подсветку синтаксиса, автозаполнение, сворачиваемые разделы и поиск по коду. Вот краткий список редакторов:

Операционная система	Встроенный редактор	Сторонний редактор
Windows	Блокнот	Блокнот++ Код Visual Studio Веб-шторм Кронштейны ShiftEdit возвышенный текст
Mac OS	TextEdit	TextWrangler Код Visual Studio Кронштейны ShiftEdit возвышенный текст
Линукс	Ви (Все UNIX) GПравить (Гном) Кейт (КДЕ) Лифпад (Хфсе)	Emacs Вим Код Visual Studio Кронштейны ShiftEdit возвышенный текст
Chrome OS		ShiftEdit

Вот скриншот расширенного текстового редактора:

Вот скриншот текстового онлайн-редактора:

Загрузка файлов в Интернет

Когда ваш веб-сайт будет готов для публичного просмотра, вам нужно будет загрузить свои веб-страницы на веб-сервер. Вы можете купить место на сервере у разных провайдеров (см. Сколько стоит что-то делать в сети?). После того, как вы решите, какого провайдера использовать, провайдер отправит вам по электронной почте информацию для доступа, обычно в виде URL-адреса SFTP, имени пользователя, пароля и другой информации, необходимой для подключения к их серверу. Имейте в виду, что (S)FTP в настоящее время несколько устарел, и другие системы загрузки начинают становиться популярными, например, RSync и Git/GitHub.

Примечание: FTP изначально небезопасен. Вы должны убедиться, что ваш хостинг-провайдер разрешает использование безопасного соединения, например. SFTP или RSync через SSH.

Загрузка файлов на веб-сервер — очень важный шаг при создании веб-сайта, поэтому мы подробно рассмотрим его в отдельной статье. А пока вот краткий список бесплатных базовых (S)FTP-клиентов:

Операционная система	Программное обеспечение FTP
Windows	WinSCP Моба Xterm	FileZilla (все ОС)
Линукс	Наутилус/Файлы (Гном) Дельфин (KDE)
Mac OS	Киберутка
Chrome OS	ShiftEdit (все ОС)

Просмотр веб-сайтов

Как вы уже знаете, для просмотра веб-сайтов необходим веб-браузер. Существуют десятки браузеров для вашего личного использования, но при разработке веб-сайта вам следует протестировать его, по крайней мере, со следующими основными браузерами, чтобы убедиться, что ваш сайт работает для большинства людей:

Mozilla Firefox
Гугл Хром
Microsoft Internet Explorer
Apple Сафари

Если вы ориентируетесь на определенную группу (например, техническую платформу или страну), возможно, вам придется протестировать сайт в дополнительных браузерах, таких как Opera, Konqueror.

Но тестирование усложняется, потому что некоторые браузеры работают только в определенных операционных системах. Apple Safari работает на iOS и macOS, а Internet Explorer — только на Windows. Лучше всего воспользоваться такими сервисами, как Browsershots или Browserstack. Browsershots предоставляет скриншоты вашего сайта, как он будет выглядеть в различных браузерах. Browserstack фактически предоставляет вам полный удаленный доступ к виртуальным машинам, поэтому вы можете протестировать свой сайт в наиболее распространенных средах. Кроме того, вы можете настроить свою собственную виртуальную машину, но это требует определенного опыта. (Если вы идете по этому пути, Microsoft предоставила готовые к использованию виртуальные машины.)

Обязательно проведите несколько тестов на реальном устройстве, особенно на реальных мобильных устройствах. Моделирование мобильных устройств — это новая, развивающаяся технология, менее надежная, чем моделирование на настольных компьютерах. Мобильные устройства, конечно, стоят денег, поэтому мы предлагаем взглянуть на инициативу Open Device Lab. Вы также можете поделиться устройствами, если хотите протестировать на многих платформах, не тратя слишком много.

Некоторые из этих программ бесплатны, но не все. Узнайте, сколько стоит сделать что-то в Интернете.
Если вы хотите узнать больше о текстовых редакторах, прочитайте нашу статью о том, как выбрать и установить текстовый редактор.
Если вам интересно, как опубликовать свой веб-сайт в Интернете, посмотрите «Как загрузить файлы на веб-сервер».

Последнее изменение: 9 октября 2022 г. , участниками MDN

5 шагов по созданию веб-страницы в HTML с помощью Блокнота

Для создания веб-сайта текстовые или HTML-редакторы создают HTML-страницу или программу. Эти редакторы — это программное обеспечение, которое помогает нам писать наш код с безотказным пользовательским интерфейсом. Однако сегодня в этом блоге мы поможем вам создать веб-страницу или HTML-код, используя только редактор «Блокнот».

Время чтения: 2 минуты

Веб-сайт — это веб-страница или веб-документ, написанный на языке HTML (язык гипертекстовой разметки). Вы можете использовать любой Интернет и веб-браузер для просмотра этих веб-страниц в любое время. Язык HTML используется для написания программ и кода при создании веб-страницы. Шаги, необходимые для создания веб-страницы, очень важны, и их можно быстро освоить.

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

Создание простой HTML-страницы с помощью редактора блокнота для веб-сайта

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

Шаг 1. Откройте блокнот (в Windows)

Если вы используете Windows 8 или более позднюю версию, щелкните начальный экран и введите блокнот в строке поиска.
Для предыдущих версий Windows 7 или более ранних версий нажмите «Пуск», перейдите в «Программы», «Доступные аксессуары» и щелкните блокнот.

Шаг 2:

Создать новый документ
Выберите «Файл», затем нажмите «Создать» в меню «Блокнот».
Это действие приведет вас к новому пустому документу, чтобы начать писать вашу первую HTML-программу

Шаг 3:

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

Шаг 4:

Сохраните HTML-страницу для веб-сайта
После того, как вы закончите писать свой HTML-код, щелкните меню «Блокнот», выберите «Файл» и «Сохранить документ». Вы также можете использовать сочетание клавиш, например CTRL + S, чтобы сохранить документ напрямую.
Программа запросит разрешение на сохранение файла на вашем компьютере. Обязательно назовите файл с расширением .html, а затем нажмите «Сохранить». (Например, program.html)

Шаг 5:

Просмотр страницы HTML с помощью любого браузера
Веб-браузеры — это программы или программное обеспечение, которые используются для просмотра веб-страниц/веб-сайтов. Вы можете найти Internet Explorer по умолчанию, если используете компьютер с Windows. Вы также можете загрузить другие популярные веб-браузеры, такие как Google Chrome или Firefox. Используйте любой из них.

Вы можете просматривать HTML-страницу с помощью браузера, поскольку программное обеспечение или программы веб-браузеров используются для просмотра веб-сайтов/веб-страниц. Если вы используете Windows Computer Machine, вы также можете найти Internet Explorer по умолчанию. Вы также можете использовать и загружать другие известные веб-браузеры, такие как Firefox или Google, для просмотра своей HTML-страницы.