Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

текст та інші дескриптори </BODY> </HTML>

Для опису формату документа використовують наступні дескриптори:

♦ <HTML> ... </HTML> – дескриптор HTML, визначає межі документа.

♦ <HEAD> ... </HEAD> – дескриптор заголовка, визначає загальну структуру документа, його глобальні властивості. Дескриптор <HEAD> дозволяє вкладення інших дескрипторів: <TITLE> – дескриптор назви документа, створює коротку однорядкову назву сторінки, яка виводиться у заголовку вікна браузера, <BASE> повна базова URL-адреса документа, <LINK> вказує на зв'язок даного документа чи іншого документа або об'єкта, <МЕТА> вказує кодування тексту, ключові слова тощо, <STYLE> блок правил каскадної таблиці стилів, <SCRIPT> дескриптор-контейнер операторів мови сценаріїв тощо.

<BODY> ... </BODY> – дескриптор тіла документа, в якому перебуває вся інформація, що виводиться на екран.

Структурне форматування тексту. Для форматування тексту можна використовувати ряд дескрипторів.

♦ <Р> ... </Р> (або <Р>) – дескриптор абзацу, задає один із способів розбиття тексту на абзаци.

♦ <BR> – дескриптор розриву, задає розрив тексту з переходом на новий рядок.

♦ <Н 1 > ... </Н 1 > – <Н6> .,. </Н6> – діапазон дескрипторів заголовків.

♦ <HR> – дескриптор роздільної лінії, використовується для проведення горизонтальної риски в документі.

<DIV> ... </DIV> – дескриптор розділу, дозволяє виділити у структурі документа декілька розділів.

НЕ нашли? Не то? Что вы ищете?

<PRE> ... </PRE> – текст між компонентами цього дескриптора буде відображатись браузером як у вихідному коді документа, тобто міститиме пробіли, символи табуляції.

♦ <BLOCKQUOTE> ... </BLOCKQUOTE> – дескриптор тексту з відступом.

Форматування символів. Під фізичним стилем прийнято розуміти пряму вказівку браузеру на модифікацію шрифту. Наприклад, все, що знаходиться між дескрипторами <В>...</В>, буде написано жирним шрифтом. Текст між дескрипторами <І>...</І> буде написано похилим шрифтом (курсивом). Текст, набраний між дескрипторами <ТТ>...</ТТ> буде відображатись як шрифт, що імітує друкарську машинку, тобто має фіксовану ширину символів. Існує також логічний стиль форматування, з допомогою якого виділяють особливим шрифтом слово чи текст. Дескриптори логічного форматування позначають структурні типи своїх текстових фрагментів, такі як, наприклад, програмний код <CODE>, цитата <СІТЕ>, визначення <DFN> тощо.

Розглянемо деякі інші дескриптори фізичного форматування тексту:

♦ <U >... </U > – дескриптор використовують для підкреслення тексту;

<SUP> ... </SUP> – дескриптор перетворює текст у надрядковий;

<SUB> ... </SUB> – дескриптор перетворює текст у підрядковий;

<SPAN>...</SPAN> – дескриптор виділення, дозволяє виділити деяку частину тексту, але не починає новий абзац. Зупинимось на самому уживаному дескрипторі форматування тексту, а саме –<FONT> ... </FONT>.

Дескриптор <FONT> ... </FONT>. Форматування тексту, тобто визначення шрифту, розміру й кольору букв, можна здійснювати за допомогою атрибутів дескриптора <FONT> ... </FONT>.

size – атрибут, що визначає розмір шрифту;

color – атрибут, що визначає колір шрифту у вигляді назви кольору, кольору у форматі RGB чи у 16-ричному вигляді;

face – атрибут, що визначає назву шрифту (Arial, Courier і т. д.). Наприклад, необхідно відобразити текст розміром 10, червоного кольору, шрифт –Arial:

<DІV><FОNT size=10 color=rgb(30,20,155) face='arial'> Текст </FONT></DIV>

Для того, щоб вказати розмір, тип і колір шрифту, що використовується у документі по умовчанню, користуються дескриптором <BASEFONT>. Задані значення є обов'язковими для всього документа, але можуть бути перевизначені за допомогою дескриптора <FONT>. Після закриття цього дескриптора дія дескриптора <BASEFONT> поновлюється.

Спосіб виведення тексту на екран дуже важливий з точки зору читабельності та естетики. Вирівнювання відіграє важливу роль, визначаючи яким чином текст розташовується на сторінці відносно інших об'єктів. Атрибут "align" можуть містити багато дескрипторів, у тому числі <Р>, <DIV>, <SPAN> та інші. Існують такі типи вирівнювання: за замовчуванням (не вказують), по лівому краю (align=left), по правому краю (align=right), по центру (align=center), по ширині (align=justify). Наприклад, наступний абзац буде відображатись з вирівнюванням по центру:

<Р align=center> Текст абзацу </Р>

Хід заняття

1. Ознайомитись з темою та метою заняття, вивчити основні теоретичні положення.

2. Отримати у викладача індивідуальне завдання за своїм варіантом.

Приклад №1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META http-equiv=Content-Type content="text/html; charset=windows-1251"><TITTLE>

<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>

<BODY text=#00ffff background=АСТРО. files/CHAP_02.jpg>

<H1>

<CENTER><B>PRESENTATION </H1></B></CENTER></TITTLE>

<MARQUEE>

<P><A href="file:///E:/Информация/Презентация0gf"><IMG

src="АСТРО. files/135087.jpg" width="10%"></A></P></MARQUEE><BR>

<HR width="100%" color=red SIZE=10>

<H3>

<CENTER>Астрономія </CENTER>З усіх картин природи, що розгортаються перед нашими очима, сама велична – картина зоряного неба. Ми можемо облетіти або об'їхати всю земну кулю, наш світ, у якому ми живемо. Зоряне ж небо – це неозорий, нескінченний простір, заповнений інший світами. Кожна зірочка, навіть ледь помітно мерехтлива в темному небі, являє собою величезне світило, часто більш гаряче й яскраве, ніж Сонце. Тільки всі зірки знаходяться дуже далеко від нас і тому світяться слабко. Що це за світи, як вони рухаються? Як далекі вони від нас? Як створилися небесні Світила? Як улаштовані зірки? Що було з ними в минулому і що відбудеться з ними в майбутньому? Усі ці питання вивчає астрономія – наука про Всесвіт. Учені змогли визначити відстані до зірок, вагу Сонця і його хімічний склад, пророчити майбутні затьмарення Місяця й Сонця, час появи хвостатих світил – комет. Але пройшли багато століть, перш ніж це удалося зробити.</H3></BODY></HTML>

Приклад№2

<HTML>

<HEAD>

<TITLE>Домашня сторінка Андрія Сергієнка</TITLE>

</HEAD>

<BODY BGCOLOR=0099ff>

<H1><FONT COLOR=007875><Center>Ласкаво просимо до Андрія</Center></FONT></H1>

<HR SIZE=7 NOSHADE WIDTH=50%>

<H2>Запрошуються всі бажаючі!</H2>

Я радий вас вітати на моїй Web-сторінці.

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

<ADDRESS>Андрій Cергієнко-А*****@***</ADDRESS>

</BODY>

</HTML>

Створити цю просту сторінку можна, наприклад, так:

1. Запустити текстовий редактор Блокнот.

2. Ввести текст HTML-документа.

3. Зберегти під деяким іменем з розширенням. htm (наприклад, Struktura. htm). При збереженні, у вікні «Сохранение документа» слід поміняти тип файлу з «Текстовые документы» на «Все файлы». Інакше редактор у кінець назви файлу автоматично додасть розширення.txt.

4. Запустити програму Internet Explorer.

5. За допомогою меню «Файл -> Открыть» відкрити створений файл (Struktura.htm).

Контрольні запитання

1. Поняття компонентів – дескриптор, атрибут і значення.

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

3. Дескриптори структурного форматування.

4. Дескриптори фізичного форматування.

5. Дескриптори <FONT> та <BASEFONT>, їх атрибути.

Практичне заняття № 3

Створення та форматування списків та таблиць

методами мови HTML

Мета заняття – набути уміння створення та форматування списків та таблиць.

Короткі теоретичні положення

Списки в HTML дозволяють розділити інформацію на логічні послідовності елементів. Загальні дескриптори списків такі:

♦ <UL>... </UL> – маркірований або невпорядкований список;

♦ <OL>...</OL> – нумерований або впорядкований список;

♦ <MENU>...</MENU> та <DIR>...</DIR> – списки за логічним визначенням;

♦ <LI> – дескриптор елемента списку;

♦ <DL>...</ DL > – дескриптор списку визначень;

♦ <DT> – термін що визначають, елемент списку визначень;

♦ <DD> – визначення терміну, елемент списку визначень.

Структура невпорядкованого списку є такою.

У вигляді HTML: Інтерпретація браузером:

<UL type=circle>

<LI> Елемент списку о Елемент списку

<L1> Елемент списку о Елемент списку

<L1> Елемент списку о Елемент списку

</UL>

Атрибут type невпорядкованого списку визначає тип маркера елемента списку (усього списку або окремих його елементів) і може приймати значення: circle (маркер-коло), disk (маркер-диск) та square (квадратний маркер).

Структура впорядкованого списку аналогічна попередній за виняткам атрибутів дескриптора <OL>:

У вигляді HTML: Інтерпретація браузером: <OLtype=1 start=1>

<LI> Елемент списку 1. Елемент списку

<LI> Елемент списку 2. Елемент списку

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12