Як створити сайт в блокноті - html, теги, на робочому столі, з картинками і посиланнями

У сьогоднішній статті ми розглянемо найпростіший спосіб створення сайту. Відразу хочу сказати, що даний спосіб є дуже примітивним і сьогодні ніхто не створює сайти подібним чином, тому що для цього існують спеціальні програми та сервіси.

Але, якщо нам необхідно створити веб сторінку, то цей спосіб має право на існування.

Для того, щоб створити простий сайт нам знадобиться програма «Блокнот», яка є в кожному комп'ютері.

Натискаємо в лівому нижньому кутку на кнопку «Пуск» і вибираємо «Усі програми». Знаходимо «Блокнот» і відкриваємо подвійним клацанням лівої кнопки миші.

Давайте щось надрукуємо.

Наприклад: Ура! Я зробила свій сайт!

Тепер нам треба цей запис зберегти. І зробимо ми це наступним чином: натискаємо «файл» -> «зберегти як».

Називаємо файл «index.html», вибираємо «всі файли» і зберігаємо на робочому столі.

Після збереження з'явиться ось такий значок.

Якщо ми відкриємо цей файл, то в браузері побачимо веб сторінку, яку ми створили.

Щоб відредагувати нашу запис правою кнопкою миші клацаємо по значку і в контекстному меню вибираємо "Відкрити за допомогою» -> «Блокнот».

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

Щоб сайт був видний всім в інтернеті, треба його завантажити на хостинг.

Таким чином, можна зробити найпростіший веб ресурс.

Саме тому ми і зберігали наш файл з розширенням .html.

Теги для створення сайту на html в блокноті

Для початку непогано б дізнатися, що вдає із себе сторінка веб сайту.

Це текстовий документ, написаний на мові гіпертекстової розмітки (html).

Щоб розуміти, що це таке слід ознайомитися з загальними термінами.

HTML - це спосіб розмітки документа, який однаково інтерпретується різними браузерами в зручною та зрозумілою для користувача формі. В основі мови лежать певні структурні елементи - теги. З їх допомогою і оформляється html - документ.

часто застосовуються

• парні , , тобто відкриваються , і закриваються теги , . Закривається тег - дескриптор зі знаком слеша (/);
• непарні.

Основні види і призначення тегів

• - даний елемент вказує браузеру, як слід інтерпретувати документ. Чи не є обов'язковим елементом, але рекомендується його використовувати, щоб уникнути проблем, які можуть виникнути при відображенні сторінки.
• - це тег, з якого починається і ним же закінчується будь-який веб документ.
• - всередині даного тега розташовується важлива інформація (метадані, заголовок сторінки, посилання на стилі оформлення, а так само скрипти).
• - ще один парний тег, який розташовується усередині попереднього. Він служить для визначення заголовка веб сторінки, який буде відображатися в браузері.
• тег слід за . Саме всередині міститиметься вся та інформація, яку користувач побачить в браузері.
• - служить для оформлення гіперпосилань (). Це один з найважливіших елементів мови html.

• - за допомогою нього оформляються текстові абзаци.
• - служить для виділення тексту напівжирним шрифтом.
• . З їх допомогою текст можна розбити на підзаголовки різних рівнів, що дозволяє визначити їх важливість по відношенню до всього документу.
• тег на відміну від попередніх - непарний. Застосовується для позначення переходу на новий рядок в документі.

Насправді, тегів існує набагато більше, але перерахованих цілком достатньо для того, щоб створити через блокнот просту сторінку сайту.

На підставі вище викладеного створена нами сторінка на мові html, прийме такий вигляд:

Далі зберігаємо сторінку з розширенням html, після чого, відкривши її в будь-якому браузері, ми побачимо наступне:

Таким чином, створити сайт в html в блокноті досить просто.

Щоб зробити сторінку більш привабливою знадобиться не тільки ознайомитися докладніше з синтаксисом мови html. але і вивчити CSS.

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

ВИКОРИСТАННЯ ТЕКСТУ ТІЛЬКИ З активним посиланням на першоджерело