Як створювати веб-сторінку
Кожен з нас виходить в інтернет як в космос - спочатку хочеться подивитися «як там?», Потім хочеться оглянути якнайбільше всього, що там є, а потім виникає бажання залишити там щось своє власне - не просто «написи на стінах» , а щось більш суттєве. Почати можна з створення простої веб-сторінки - нижче викладена покрокова інструкція.
Все, що відвідувач сайту бачить на веб-сторінці, відтворюється браузером з інструкцій, надісланих на його запит сервером. Ці інструкції написані на мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») і для файлів, в яких вони зберігаються, виділені розширення htm і html. Створити такий файл ви можете в звичайному текстовому редакторі - це буде першим кроком створення веб-сторінки. Відкрийте, наприклад, стандартний Блокнот, і створіть порожній файл з ім`ям index.html. Коли ви набираєте адресу сайту, не вказуючи конкретну сторінку (Наприклад, https://ladyfactsx.ru), Сервер насамперед шукає сторінку саме з такою назвою - index.
2
Інструкції мови HTML називають «тегами» і кожен з них укладено в такі дужки - lt; gt ;. Деякі з тегів - парні, тобто складаються з відкриває і закриває тегів, а між ними розміщується інформація. Наприклад, тег, що дає браузеру зрозуміти, що нижче розміщений код саме на мові HTML, пишеться так:Закриває тег, який повідомляє, що в цьому місці код HTML закінчений, пишеться так:Як бачите, що закриває тег відрізняється від відкриваючого наявністю значка слеша після відкриває дужки (
3
Весь код, який ви помістіть між тегами і , повинен бути розбитий на дві частини - заголовну і тіло документа. Хто відкриває і закриває теги заголовної частини пишуться так: Це «службова» частину сторінки - тут розміщується інформація для заголовка вікна, ключові слова і описи для пошукових роботів, опису стилів, скрипти і т.д. Впишіть в неї заголовок вікна сторінки:Це заголовок! Повний текст вашої html-сторінки на цей момент повинен виглядати так:
Це заголовок!
4
Після заголовної частини вам потрібно розмістити теги, між якими будуть укладені інструкції тіла документа: Впишіть між ними, наприклад, тег, який виводить на сторінку параграф тексту:
:
Це заголовок!
На цьому створення простої сторінки закінчено - зберігши документ (index.html), ви можете відкрити його в браузері і побачити свою сторінку.
Тут цілий параграф інформації!
Не всі теги мови HTML - парні. У деяких з них все необхідне розміщено всередині відкриваючого тега. У таких тегів закриває слеш ставиться перед закриваючою дужкою. Наприклад, тег закінчення рядка і «переведення каретки»:
Перший рядок параграфа.
Другий рядок параграфа.
Перший рядок параграфа.
Другий рядок параграфа.
На цьому створення простої сторінки закінчено - зберігши документ (index.html), ви можете відкрити його в браузері і побачити свою сторінку.
Статті за темою "Як створювати веб-сторінку"
Оцініть, будь ласка статтю