Menu

Создание первой HTML страницы на своем компьютере (урок №1)

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

Веб-страницу можно создать при помощи бесплатной программы visual studio code.

Скачать программу visual studio code – https://code.visualstudio.com/

 

1. Начало создания веб-страницы

Для создания страницы потребуется внедрить HTML код в visual studio code и сохранить созданную страницу в формате HTML.

Первым делом вводится начальный, приветственный код: <html>

 

2. В head заключается базовая информация

В теги <head>  и </head> заносится базовая информация, касающаяся веб-страницы.

Пример:

 

title – это заголовок страницы! Заголовок виден в поисковых системах Яндекса и Google! Также заголовок отображается во вкладке браузера.

<meta charset=”utf-8″> – это кодировка страницы. Если нет кодировки или введена неверная кодировка, то все буквы на страницы превращаются в непонятные иероглифы. Самое лучшее – это использовать современную кодировку “utf-8”.

 

3. В body заковывается контент

Весь контент заковывается в body! Контент – это отображаемая информация на веб-странице: текст, картинки, видео.

 

4. Концовка Html страницы

Завершается страница начальным кодом <html> / Только теперь нужно добавить закрывающийся слеш в начале скобок:

 

Конечный итог

Ниже расположен код, он вставляется в visual studio code и сохраняется в формате html / Пример: stranica.html / Данная страница запускается через любой браузер.

Веб-страница первая создание

Таким образом: создать простую веб-страницу способен даже новичок, не имеющий никакого опыта в веб-разработке.



Подпишитесь!

Укажите свой электронный адрес


Курсивные буквы в HTML и CSS (урок №7)... Курсивный текст - это буквы, созданные в наклонном стиле. Пример: Прекрасно! Это Прекрасно! Курсивные буквы созда...
Создание “жирного” текста в HTML (урок... Самый распространенный способ привлечение внимания к тексту - это увеличение толщины и яркости букв. Владельцы сайто...
Создание абзацев в HTML (урок №3)... Абзацы важная составляющая в статье. Каждый крупный информационный ресурс использует абзацы в тексте. Создание аб...
Строительство маркированных, нумерованных и картин... Перед просмотром данной статьи рекомендуется изучить начальный урок - https://zavlekyxa.ru/sozdanie-pervoj-html-stra...
Производство подчеркиваний на веб-странице (урок №... Читая различные статьи на сайтах начинаешь обращать внимание на подчеркивания, выделения и цветовые колебания в тексте. ...
Заголовки в HTML и CSS (урок N2) Веб-страницу трудно представить без заголовков. На миллионах сайтов расположены заголовки, они встречаются перед статьёй...
Внедрение фона на веб-страницу (Урок №9)... Любая веб-страница наделена фоном, который является либо картинкой, либо каким-то цветом. Фон создается в CSS. Фоном...
Позиционирование текста в HTML и CSS (Урок №8)... Позиционирование текста осуществляется с атрибутом align. Именно этот атрибут определяет в какой стороне будет находится...
Нельзя вернуться в прошлое и изменить свой старт, но можно стартовать сейчас и изменить свой финиш. (Рой Джонс)