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

...

Інтернет: це місце, щоб бути.

Якщо один винахід повністю змінив світ протягом нашого життя, то це Інтернет. Все більше і більше людей хочуть присутності в Інтернеті, крім того, що пропонують соціальні мережі: вони хочуть, щоб веб-простір називався своїм власним. Основні веб-сайти стають дедалі складнішими і використовують такі жаргоні, як Flash, CSS, perl і JavaScript, які лякають новачків, але не бійтеся. Чотири прості літери можуть дозволити будь-кому за короткий час отримати доступ до Інтернету: HTML. Букви означають мову розмітки гіпертексту, мову програмування, яка використовує серію тегів для створення статичної веб-сторінки. Чим більше тегів ви знаєте, тим більше ви можете зробити зі статичною веб-сторінкою.

Крок 1

Створіть основний каркас статичної веб-сторінки, скопіювавши наступний код у простий текстовий редактор, наприклад Блокнот:

Відео дня

Потім збережіть файл як index.html (ім’я головної сторінки за замовчуванням) і відкрийте його у своєму браузері. Ви нічого не побачите, оскільки створили порожню веб-сторінку.

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

Крок 2

Подумайте про HTML як два основних типи тегів (біти коду в дужках). Один каже браузеру почати щось робити, а інший каже йому зупинитися.

Зробіть цей текст жирним

Усе після -- початковий тег -- буде жирним, доки не досягне -- закриваючий тег. «/» вказує браузеру зупинитися.

Крок 3

Додайте текст на свою веб-сторінку. Введіть "Це моя веб-сторінка" в тілі веб-сторінки між і. Збережіть сторінку та подивіться на неї у браузері. Результат гарний, але не надто захоплюючий. Спробуйте додати кілька інших тегів, щоб оживити. Наприклад, робить текст жирним; робить текст курсивом; дозволяє змінити розмір шрифту від 1 (найменший) до 6 (найбільший); робить текст червоним (або будь-яким іншим кольором, який ви вводите);

центрує текст (або зображення) на сторінці.

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

Ви також можете додати пробіл між елементами на своїй сторінці, помістивши між ними наступне:

для розриву абзацу;
для розриву рядка;


щоб створити розрив з лінією через веб-сторінку.

Крок 4

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

Крок 5

Створіть посилання на інший веб-сайт. Це робиться за допомогою мітки Натисніть тут. Цей код робить слова "Натисніть тут" посиланням на інший веб-сайт. Замість тексту ви можете використовувати зображення як посилання за допомогою коду .

Порада

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

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

і
буде жирним, курсивом і по центру. The
коробка знаходиться всередині коробка, яка знаходиться всередині коробка.