Як створити просту веб сторінку в блокноті: 15 кроків

З цієї статті ви дізнаєтеся, як створити просту веб-сторінку в Блокноті (на комп`ютері з Windows). В якості мови програмування буде використаний HTML.

кроки

Частина 1 з 4:

Як створити HTML-документ

1. Відкрийте меню «Пуск»

. Натисніть на логотип Windows в нижньому лівому кутку екрана.

2. Знайдіть Блокнот. Введіть блокнот в меню «Пуск». Вгорі меню з`являться результати пошуку.

3. клацніть по блокнот. Це синій значок у верхній частині результатів пошуку. відкриється Блокнот.

4. Відкрийте меню файл. Воно знаходиться у верхньому лівому куті вікна Блокнота.

5. натисніть Зберегти як. Ця опція знаходиться в меню. Відкриється вікно «Зберегти як».

6. Відкрийте меню «Тип файлу». Воно знаходиться в нижній частині вікна-в ньому відобразиться опція «Текстові документи (*.txt) ».

7. клацніть по всі файли. Ця опція знаходиться в меню. Тепер файл можна зберегти як HTML-документ.

8. Виберіть папку для збереження. Для цього натисніть на потрібну папку на лівій панелі вікна.

Наприклад, щоб зберегти документ на робочому столі, перейдіть вгору і натисніть «Робочий стіл» на лівій панелі.

я. Введіть ім`я та розширення «html». Натисніть на текстове поле «Ім`я файлу», введіть ім`я файлу, а потім введіть .html.

Наприклад, щоб назвати файл веб-сторінки «hello», введіть hello.html.

10. натисніть зберегти. Текстовий документ буде збережений як документ HTML. Тепер можна перейти до створення структури веб-сторінки.

Якщо Блокнот несподівано закрився або ви хочете повернутися до документа пізніше, клацніть правою кнопкою миші по HTML-файлу і в меню виберіть «Змінити».

Частина 2 з 4:

Як створити структуру веб-сторінки

1. Додайте мовної тег. Перший тег, який потрібно додати в Блокнот, вказує всьому документу, що буде використовуватися мова HTML. У Блокноті введіть наступне:

2. Додайте теги «head». Ці теги відзначають початок і кінець імені сторінки, яке ви створите на наступному кроці. Зараз просто введіть після тега , двічі натисніть ↵ Enter, щоб вставити порожні рядки, а потім введіть .

3. Введіть ім`я сторінки. Воно вводиться між тегами , які повинні знаходитися всередині тегів «head». Це ім`я буде відображатися на вкладці браузера, коли сторінка буде відкрита. Наприклад, якщо ім`ям вашої сторінки буде «Мій сайт», введіть наступне:

Мій сайт

4. Додайте теги «body». Код веб-сторінки буде знаходитися між цими тегами. Під тегомвведіте:

5. Закрийте тег мови HTML. Останнім тегом документа буде закриває тег «html», щоб позначити кінець сторінки. Введіть під тегом, щоб закрити тег HTML.

6. Перегляньте HTML-документ. На даному етапі документ повинен виглядати наступним чином:

Мій сайт

7. збережіть документ. Для цього натисніть Ctrl+З. Тепер можна перейти до додавання елементів сторінки, таких як абзаци і заголовки.

Частина 3 з 4:

Як додати елементи веб-сторінки

1. Запам`ятайте, що всі елементи веб-сторінки повинні знаходитися між тегами «body». Будь-який елемент - будь то заголовок або абзац - потрібно вводити після тега і перед тегом .

2. Додайте основний заголовок сайту. Введіть між тегами «body», а потім введіть заголовок всередині тегів . Наприклад, щоб створити сторінку з заголовком «Ласкаво просимо», введіть наступне:

Ласкаво просимо

Використовуйте теги отдо

, щоб створити заголовки меншого розміру.

3. Додайте текст на сторінку. Введіть теги абзацу, а потім введіть текст всередині цих тегів. Результат повинен виглядати приблизно так:

Це мій сайт. Голосуйте за мене на виборах!

4. Вставте розрив абзацу. Щоб додати порожні рядки між абзацами або заголовками, на рядку введіть після закриває тега. Наприклад, щоб створити розрив рядка після абзацу, введіть наступне:

 Це мій сайт. Голосуйте за мене на виборах!А ще я люблю картоплю

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

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

 Напівжирний текстНаклонний текстПодчеркнутий текстпідрядковий текстнадрядковий текст

6. Перегляньте зовнішній вигляд веб-сторінки. Хоча елементи веб-сторінки можуть відрізнятися, документ повинен виглядати приблизно так:

Це мій сайтЛаскаво просимо!Це мій сайт. Сподіваюся, він вам сподобається!Напівжирним текстом виділені головні моменти.Похилий текст повинен кидати в дрож.

Частина 4 з 4:

Як відкрити веб-сторінку

1. збережіть документ. Для цього натисніть Ctrl+З. Тепер, коли ви відкриєте документ HTML, відобразиться остання версія вашої веб-сторінки.

2. Клацніть правою кнопкою миші по HTML-документу. відкриється меню.

3. Оберіть Відкрити за допомогою. Ця опція знаходиться в меню. Відкриється нове меню.

4. Виберіть веб-браузер. HTML-документ можна відкрити в будь-якому браузері, тому в меню виберіть бажаний веб-браузер. HTML-документ буде відкрито у вікні веб-браузера.

5. Перегляньте веб-сторінку. Якщо все нормально, закрийте Блокнот.

Якщо ви хочете продовжити редагувати HTML-документ, поверніться в Блокнот і внесіть необхідні зміни, не забуваючи регулярно зберігати їх.