поняття гіперпосилання

9
клас
Поняття мови розмітки

гіпертексту
частина 1
Пояснити значення понять
Веб-сервер Хостинг
Веб-сайт Браузер
Веб-сторінка
Мова HTML
Якщо переглянути джерело будь-якої веб-сторінки, то побачимо різноманітні коди, команди, часто
записані у кутових дужках. Це команди мови розмітки гіпертексту HTML. Вони кажуть браузеру, як
відобразити сторінку, яку ви відвідуєте.
Мова HTML
Мову HTML створено у 1990 році Тімом Бернесом-Лі , а з

1996 року її розробкою та стандартизацією займається
Консорціум W3C і з осені 2014 року діє стандарт цієї мови
HTML5.
Мова HTML визначає спосіб опису вмісту веб-сторінок.
За оформлення веб-сторінки відповідають аркуші стилів,

описані за допомогою CSS, а логіка функціонування
елементів сторінки – мова JavaScript.
Тім Бернес-Лі
Теги мови HTML
Команди мови HTML називаються тегами, які бувають відкриваючими та
закриваючими. Вони записуються у кутових дужках. Наприклад, тег означає, що
текст, написаний між відкриваючим і закриваючим тегом (які розрізняються похилою
рискою або слешем) буде записаний напівжирним.
Деякі теги містять атрибути – додаткові параметри.

Структурні теги HTML
Структурні теги HTML визначають базову структуру документа HTML.
<html>, </html> Повідомляє браузеру, що це HTML-документ.

Цей тег є контейнером, який містить в собі весь
вміст веб-сторінки.
<head>, </head> Голова документу, призначена для браузера та

пошукових систем.
<title>, </title> Відображає у заголовку браузера ім'я поточного

html-документа.
<body>, </body> Призначений для зберігання тіла веб-сторінки

(його контенту), що відображається у вікні
браузера
Структура HTML-документа
Теги для форматування тексту
, Визначає жирне накреслення тексту на сторінці.
, Визначає курсивне накреслення тексту на сторінці.
, Визначає підкреслений текст..
<s>, </s> Визначає перекреслений текст.
, Відображає текст у вигляді верхнього індексу.
, Відображає текст у вигляді нижнього індексу.
, - текстовий абзац;

 - примусовий перехід на новий рядок;
<hr> - визначає тематичний поділ (поділ розділів, статей). Візуально виглядає як горизонтальна лінія.
Додавання малюнка
Теґ <img> призначений для відображення зображення на Web-сторінці (формати зображень gif,
jpeg, png та інші).
Теґ <img> має два обов'язкові атрибути атрибути:

● src використовується для завантаження зображення, а саме вказує шлях до зображення
від файлу HTML.
● alt задає альтернативний текст для випадку, коли картинка не завантажилась або у
людини є обмеження на обсяг завантаження.
Додаткові атрибути:
● height - висота зображення;

● width - ширина зображення.
<img src=”sevilsky.jpg” alt=”Ісидор Севільский” width=”200”>

Завдання. Створити html-документ
Онлайн редактор написання коду
Платформа надає програмістам можливість одразу писати код і бачити

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

HTML, CSS і JavaScript код і бачити ефект в режимі реального часу.
Повторюємо вивчене

поняття гіперпосилання

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

поняття гіперпосилання

Uploaded by

Copyright:

Available Formats

9

Поняття мови розмітки

Мову HTML створено у 1990 році Тімом Бернесом-Лі , а з

Мова HTML визначає спосіб опису вмісту веб-сторінок.

За оформлення веб-сторінки відповідають аркуші стилів,

Деякі теги містять атрибути – додаткові параметри.

<html>, </html> Повідомляє браузеру, що це HTML-документ.

<head>, </head> Голова документу, призначена для браузера та

<title>, </title> Відображає у заголовку браузера ім'я поточного

<body>, </body> Призначений для зберігання тіла веб-сторінки

<i>, </i> Визначає курсивне накреслення тексту на сторінці.

<u>, </u> Визначає підкреслений текст..

<s>, </s> Визначає перекреслений текст.

<sup>, </sup> Відображає текст у вигляді верхнього індексу.

<sub>, </sub> Відображає текст у вигляді нижнього індексу.

<p>, </p> - текстовий абзац;

Теґ <img> має два обов'язкові атрибути атрибути:

● height - висота зображення;

<img src=”sevilsky.jpg” alt=”Ісидор Севільский” width=”200”>

Платформа надає програмістам можливість одразу писати код і бачити

Робоча сторінка розбита на чотири розділи (вікна), в яких ви можете писати

You might also like