Веб-сторінка — це окремий гіпертекстовий документ, доступний у Всесвітній павутині (WWW). Він складається з елементів HTML і відображається у браузері користувача, наприклад Mozilla Firefox , Chrome тощо. Його також називають ' Сторінка.

У цій темі ми збираємося обговорити різні деталі веб-сторінки, зокрема такі теми:

• Що таке веб-сторінка?
• Характеристики веб-сторінки
• Різниця між веб-сторінкою та веб-сайтом
• Як працює веб-сторінка?
• Елементи веб-сторінки
• Типи веб-сторінки
• Як створити просту веб-сторінку?

Що таке веб-сторінка?

Веб-сторінка – це документ, написаний мовою HTML, який можна переглядати в будь-якому веб-браузері. Він міститься на веб-сервері, доступ до якого можна отримати, ввівши URL-адресу цієї веб-сторінки, і після завантаження з’являється у веб-браузері користувача. Кожна веб-сторінка пов’язана з унікальною URL-адресою; тому дві сторінки не можуть мати однакову URL-адресу.

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

Веб-сторінка є частиною веб-сайту; це означає, що веб-сайт містить різні веб-сторінки. Як от javaTpoint.com є веб-сайтом, а сторінка, до якої ви зараз відкриваєтеся, є веб-сторінкою. Це можна розуміти як приклад книги. Отже, веб-сайт схожий на повну книгу, а веб-сторінка — на сторінку цієї книги.

WWW або Інтернет містить мільйони веб-сторінок, і щоденно багато додається. Тім Бернерс-Лі розробив перша веб-сторінка.

Давайте розберемо деякі основні терміни, які використовуються з веб-сторінкою:

Веб-сайт: Веб-сайт – це сукупність кількох веб-сторінок. Ці сторінки пов’язані між собою гіперпосиланнями. Веб-сайт має унікальне доменне ім’я, і ми можемо отримати до нього доступ, ввівши це доменне ім’я в URL-адресу.Пошукова система:Пошукова система – це інтернет-сервіс, який допомагає користувачам знаходити будь-яку інформацію, доступну в Інтернеті. Деякі приклади пошукових систем Google, Yahoo, Bing, Зазвичай доступ до нього здійснюється за допомогою веб-браузера.Веб-браузер:Веб-браузер або просто браузер - це прикладне програмне забезпечення, яке використовується для доступу до Інтернету. Деякі приклади веб-браузерів Google Chrome, Microsoft Internet Explorer, Safari тощо . Він робить дві речі:
• Він підключається до веб-сервера в Інтернеті та запитує сторінку, яку користувач хоче переглянути; коли він знаходить цю сторінку, він відображає її на своєму пристрої.
• Він може інтерпретувати набір тегів HTML на сторінці, щоб відобразити сторінку в правильному форматі.
Веб-сервер:Під веб-сервером можна розуміти комп’ютер, який розміщує або надає веб-сайт в Інтернеті. Він містить програмне забезпечення веб-сервера та компонентні файли веб-сайту, наприклад HTML-документ, зображення, таблиця стилів CSS і файли JS.

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

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

Примітка. Веб-браузер також може відображати інші документи, наприклад PDF-документ або зображення, але лише HTML-документ називається веб-сторінкою.

Характеристики веб-сторінки

Нижче наведено деякі характеристики веб-сторінки:

• Просту веб-сторінку можна створити дуже швидко.
• Створення веб-сторінки займає дуже мало часу порівняно з веб-сайтом.
• Веб-сторінка та веб-сайт мають бути сумісні з будь-яким пристроєм, таким як мобільний, настільний, ноутбук тощо.
• Пошукова система надає веб-сторінку за посиланням, і коли користувач натискає це посилання, він перенаправляється на веб-сторінку веб-сайту.
• Веб-сторінка може містити будь-яку інформацію, включаючи відео та аудіо.
• Він може складатися лише з HTML (мова гіпертекстової розмітки), або CSS, або JavaScript для динамічної та привабливої ​​поведінки.

Різниця між веб-сторінкою та веб-сайтом

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

Примітка. Терміни «Веб-сторінка» та «Веб-сторінка» однакові, і обидва технічно правильні. Однак більшість посібників зі стилю пропонують використовувати веб-сторінку замість веб-сторінки.

Як працює веб-сторінка?

Проста веб-сторінка створюється за допомогою HTML, який є мовою розмітки. Однак ми також можемо використовувати CSS і JavaScript, щоб додати більше функцій і зробити його більш привабливим.

Він створюється за допомогою HTML, тому містить різні теги розмітки, які вказують, як дані мають бути відформатовані на екрані.

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

Веб-браузер запитує сторінку в Інтернеті. Після відповіді сервера браузер інтерпретує теги розмітки та відображає їх на екрані користувача в правильному форматі.

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

Коли запит досягає сервера, HTTP-сервер приймає запит, знаходить запитану сторінку та надсилає її назад браузеру через відповідь HTTP . Якщо сервер не може знайти запитану сторінку, він повертає a 404 відповідь .

Елементи веб-сторінки

Основним елементом веб-сторінки є текстовий файл, що складається з HTML. Окрім цього, веб-сторінка також може містити такі елементи:

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

Хоча кожна веб-сторінка відрізняється від іншої, деякі компоненти є спільними майже для всіх сторінок. Деякі з цих компонентів наведено нижче; ви також можете пов’язати ці елементи за поданим зображенням:

Назва сайту:Кожна веб-сторінка містить назву веб-сайту, компанії чи блогу, до якого вона прикріплена. Назва сайту та логотип здебільшого розташовані у верхньому лівому куті сторінки. Логотип також може містити гасло сайту або короткий опис сайту, щоб відвідувачі могли швидко визначити, про що цей сайт. Це один із важливих компонентів веб-сторінки.
У назві веб-сайту також є посилання, яке може переспрямовувати на домашню сторінку цього сайту. Назва веб-сайту зазвичай міститься в заголовку сторінки. Панель пошуку:Рядок пошуку також є важливим компонентом, який повинен бути присутнім на кожній сторінці веб-сайту чи блогу. Пошуковий блог дозволяє відвідувачу шукати відповідну інформацію на цьому веб-сайті.Панель навігації:Панель навігації – це компонент веб-сторінки, який містить посилання на деякі важливі розділи веб-сайту. Це допомагає відвідувачам легко переходити деякі основні розділи веб-сайту. Він розміщується в основному у верхній частині веб-сторінки або в лівій частині сторінки. Коли користувач клацає будь-яке посилання на панелі навігації, відбувається переспрямування на сторінку.Заголовок сторінки:Заголовок сторінки повідомляє основну інформацію про сторінку, тобто про що йдеться. Т Заголовок доступний у верхній частині сторінки та включається за допомогою в

Це моя перша веб-сторінка!

У наведеному вище коді використовуються такі теги:

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

тег заголовка і

теги абзацу.

Примітка. Важливо закінчувати кожен тег у html і розміщувати всі теги у верхньому або нижньому регістрі. Однак рекомендується використовувати нижній регістр.

3. Збережіть файл під будь-яким ім'ям і розширення .html . Наприклад, зберегти його за допомогою html назва.
4. Перейдіть до збереженого файлу (web.html), двічі клацніть або клацніть правою кнопкою миші та запустіть його.
5. Він відкриється у вашому браузері за замовчуванням і відобразить наведені нижче результати:


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

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

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

---