30. Описати призначення мови розмітки html. Визначити поняття тегів, елементів, атрибутів. Описати структуру html-документа.

Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх форматування. Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами. При одержанні Web-сторінки із сервера браузер аналізує її. Він знаходить у ній теги, що вказують, якого типу елемент треба відобразити, і виводить фрагмент Web-сторінки на екран.

Сукупність тегів і правил їх використання називається мовою HTML – мова розмітки гіпертексту. 

Тег - це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди записується в кутові дужки.

Як правило, теги – парні. Перший тег відкриває опис команди і визначає її початок, другий тег відрізняється від першого наявністю похилої риски "/" перед іменем тегу і закриває його, тобто припиняє дію команди.

Часто теги, окрім ім’я, містять атрибути.

Атрибути – це компоненти тегу, що містять вказівки про те, як браузер має сприймати й обробляти тег. Атрибут записується після імені тегу і складається, як правило, з імені і значення, записаних через знак «=».

Наприклад: <BODY bgcolor = ”yellow”> - жовтий фон документу.

Струкрура HTML-документу

Bci html-документа будуються за визначеними правилами:

• текст документа починаеться тегом <HTML> i заюнчуеться тегом </HTML>;

• всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її вміст);

• всередині контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна браузера).

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

Все, що розташоване між тегами <head> </head>, - це службова інформація.

Все, що розташоване між тегами <body> </body>, - це безпосередній вміст документа. Атрибут тегу, що змінює колір шрифту – text, а значення кольору визначається набором цифр та латинських літер. Наприклад: <body text="#336699">.

Колір фону визначає атрибут bgcolor, значення якого визначається так само. Наприклад:

<body text="#336699" bgcolor="#FF00"> червоний.

31. Проаналізувати можливості обробки тексту в html-документі. Описати прості прийоми форматування тексту. Назвати теги форматування рядків, абзаців, заголовків у html-документі.

До основних можливостей обробки тексту в HTML-документі відносять:

• Встановлення абзаців.

• Встановлення розділової лінії.

• Зміна параметрів шрифту.

• Зміна параметрів абзацу.

• Оформлення списків.

Абзаци: Розбити текст документу на абзаци можна кількома способами. Простого натискання

Один з способів поділити текст на абзаци – використання тегів <P> і <BR>.

<P>Подібність</P>

Корова не схожа на коня <BR>

Другий спосіб поділити текст на окремі абзаци – використання заголовків. В HTML документі існують заголовки 6-ти рівнів, які визначаються за допомогою конструкції <Hn>Текст заголовка</Hn>, де n-номер рівня. Рівень заголовка визначає розмір шрифту при відображенні документу. Наприклад:

<H1>Привіт, це моя перша сторінка. </H1>

<H2>Я вивчаю мову HTML, щоб створити власну домашню Web-сторінку.</H2>

Вирівнювання абзаців: абзаци, що задаються тегом <р></р> за замовченням вирівнюються по лівому краю. Визначити інший вид вирівнювання можна за допомогою атрибуту align:

по центру <р align="center">текст</p>

по лівому краю <р align="left">текст</p>

по правому краю <р align="right">текст</p>

по ширині <р align="justify">текст</p>

Формат шрифту: Для визначення формату шрифту певного фрагменту тексту використовується тег <font> ТЕКСТ </font>.

Тег може мати такі атрибути: face – гарнітура шрифту, size – розмір, color – колір.

Наприклад: <font face="ARIAL"> шрифт Arial </font>

Написання тексту задається за допомогою тегів:

<b> Жирний текст </b>

<i> Текст курсивом </i>

<u> Підкреслений текст </ u >

Для фрагмента тексту можна застосовувати кілька тeгів. Наприклад: <b> <i> Жирний курсив </i> </b>.

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

До основних можливостей обробки тексту в HTML-документі відносять:

• Встановлення абзаців.

• Встановлення розділової лінії.

• Зміна параметрів шрифту.

• Зміна параметрів абзацу.

• Оформлення списків.

Для визначення формату шрифту певного фрагменту тексту використовується тег <font> ТЕКСТ </font>.

Тег може мати такі атрибути:

face – гарнітура шрифту, size – розмір, color – колір.

Наприклад <font face="ARIAL"> шрифт Arial </font>

Написання тексту задається за допомогою тегів:

<b> Жирний текст </b>

<i> Текст курсивом </i>

<u> Підкреслений текст </ u >

Для фрагмента тексту можна застосовувати кілька тегів. Наприклад: <b> <i> Жирний курсив </i> </b>.

Щоб вставити малюнок, треба скористатися тегом <img src="my.jpg">, де my.jpg - ім'я файлу, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого малюнка з розширенням jpg, gif, png, bmp. Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.