Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 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 |


