HTML 6

Page 1

Основи Web-майстерності

HTML Методичні вказівки та завдання до лабораторних робіт

Частина 6 Корисні додатки: Таблиці спецальних символів

Основи Web-майстерності: HTML.

Основи Web-майстерності: HTML. Частина 6. Методичні вказівки та завдання до лабораторних робіт. – 84 c.

Фрагмент методического пособия представлен для ознакомления с продукцией электронного магазина МЕТОДИЧКА http://metodichka.com.ua/ МЕТОДИЧКА – Лучшие пособия для самостоятельного практического обучения!

© НМЦ ПОЛИТЕХ Ніяка частина цього видання не може бути тиражована у будь-який спосіб без письмового дозволу правовласників. ® Методичка http://metodichka.com.ua/ 2

Основи Web-майстерності: HTML.

Зміст ЗАНЯТТЯ 14 .................................................................................. 5 Корисні додатки ............................................................................................. 5 Основні питання заняття............................................................................ 5 Таблиця спеціальних символів: Special Entities .................................... 5 Таблиця спеціальних символів: Latin-1 Entities ..................................15 Таблиця спеціальних символів: Symbols and Greek Letters ..............44 Доповнення до електронного довідника - „Додатки”........................79 На цьому занятті ........................................................................................79

3

Основи Web-майстерності: HTML.

Ці методичні вказівки є посібником для виконання лабораторних робіт з основ веб-майстерності при підготовці фахівців за напрямом "Web-дизайн". У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування мови HTML (Hyper Text Markup Language, мова розмітки гіпертекстових документів) до розробки веб-сторінок. За основу взято останню на цей час базову версію HTML 4.01. Частина 6 методичних вказівок містить корисні додаткі: таблицю спеціальних символів. Методичні вказівки можуть бути використані для самостійної роботи всіма, хто хоче самостійно опанувати мову HTML та навчитись її застосовувати для розробки веб-сторінок та веб-сайтів. Посібник побудований таким чином, що при умові ретельного виконання усіх вправ та суворого дотримання методичних вказівок, по закінченні вивчення курсу студент має одержати самостійно створений ним електронний "Довідник Веб-майстра".

4

Основи Web-майстерності: HTML.

Заняття 14 Корисні додатки Основні питання заняття - Таблиця спеціальних символів: Special Entities - Таблиця спеціальних символів: Latin-1 Entities - Таблиця спеціальних символів: Symbols and Greek Letters - Доповнення до електронного довідника - „Додатки”

Таблиця спеціальних символів: Special Entities Лістинг 14.3. Файл 14.2.html <HTML><HEAD><TITLE>HTML 4.0 Special Entities</TITLE> </HEAD> <BODY> <H1>Special Entities</H1> <TABLE border=1 CELLSPACING=0 CELLPADDING=3> <COLGROUP> <COLGROUP span=3> <COLGROUP span=3> <THEAD> <TR> <TH rowSpan=2>Character <TH rowSpan=2>Entity <TH rowSpan=2>Decimal <TH rowSpan=2>Hex <TH colSpan=3>Rendering in Your Browser</TR> <TR> <TH>Entity <TH>Decimal 5

Основи Web-майстерності: HTML.

<TH>Hex</TR></THEAD> <TBODY> <TR> <TD scope="row">quotation mark = APL quote <TD>" <TD>" <TD>" <TD>" <TD>" <TD>"</TR> <TR> <TD scope="row">ampersand <TD>& <TD>& <TD>& <TD>& <TD>& <TD>&</TR> <TR> <TD scope="row">less-than sign <TD>< <TD>< <TD>< <TD>< <TD>< <TD><</TR> <TR> <TD scope="row">greater-than sign <TD>> 6

Основи Web-майстерності: HTML.

<TD>> <TD>> <TD>> <TD>> <TD>></TR> <TR> <TD scope="row">Latin capital ligature OE <TD>Œ <TD>Œ <TD>Œ <TD>Œ <TD>Œ <TD>Œ</TR> <TR> <TD scope="row">Latin small ligature oe <TD>œ <TD>œ <TD>œ <TD>œ <TD>œ <TD>œ</TR> <TR> <TD scope="row">Latin capital letter S with caron <TD>Š <TD>Š <TD>Š <TD>Š <TD>Š <TD>Š</TR> 7

Основи Web-майстерності: HTML.

<TR> <TD scope="row">Latin small letter s with caron <TD>š <TD>š <TD>š <TD>š <TD>š <TD>š</TR> <TR> <TD scope="row">Latin capital letter Y with diaeresis <TD>Ÿ <TD>Ÿ <TD>Ÿ <TD>Ÿ <TD>Ÿ <TD>Ÿ</TR> <TR> <TD scope="row">modifier letter circumflex accent <TD>ˆ <TD>ˆ <TD>ˆ <TD>ˆ <TD>ˆ <TD>ˆ</TR> <TR> <TD scope="row">small tilde <TD>˜ 8

Основи Web-майстерності: HTML.

Пользуясь эти методическим пособием Вы сможете детально, на прмерах, изучить язык гипетектовой разметки веб-страниц HTML МЕТОДИЧКА http://metodichka.com.ua/

Таблиця спеціальних символів: Latin-1 Entities Лістинг 14.4. Файл 14.3.html <HTML> <HEAD><TITLE>HTML 4.0 Latin-1 Entities</TITLE> </HEAD> <BODY> <H1>Latin-1 Entities</H1> <TABLE border=1 CELLSPACING=0 CELLPADDING=3> <COLGROUP> <COLGROUP span=3> <COLGROUP span=3> <THEAD> <TR> <TH rowSpan=2>Character <TH rowSpan=2>Entity <TH rowSpan=2>Decimal <TH rowSpan=2>Hex <TH colSpan=3>Rendering in Your Browser</TR> 9

Основи Web-майстерності: HTML.

<TR> <TH>Entity <TH>Decimal <TH>Hex</TR></THEAD> <TBODY> <TR> <TD scope="row">no-break space = non-breaking space <TD>  <TD>  <TD>  <TD>  <TD>  <TD> </TR> <TR> <TD scope="row">inverted exclamation mark <TD>¡ <TD>¡ <TD>¡ <TD>¡ <TD>¡ <TD>¡</TR> <TR> <TD scope="row">cent sign <TD>¢ <TD>¢ <TD>¢ <TD>¢ <TD>¢ <TD>¢</TR> 10

Основи Web-майстерності: HTML.

<TR> <TD scope="row">pound sign <TD>£ <TD>£ <TD>£ <TD>£ <TD>£ <TD>£</TR> <TR> <TD scope="row">currency sign <TD>¤ <TD>¤ <TD>¤ <TD>¤ <TD>¤ <TD>¤</TR> <TR> <TD scope="row">yen sign = yuan sign <TD>¥ <TD>¥ <TD>¥ <TD>¥ <TD>¥ <TD>¥</TR> <TR> <TD scope="row">broken bar = broken vertical bar <TD>¦ <TD>¦ <TD>¦ 11

Основи Web-майстерності: HTML.

<TD>¦ <TD>¦ <TD>¦</TR> <TR> <TD scope="row">section sign <TD>§ <TD>§ <TD>§ <TD>§ <TD>§ <TD>§</TR> <TR> <TD scope="row">diaeresis = spacing diaeresis <TD>¨ <TD>¨ <TD>¨ <TD>¨ <TD>¨ <TD>¨</TR> <TR> <TD scope="row">copyright sign <TD>© <TD>© <TD>© <TD>© <TD>© <TD>©</TR> <TR> <TD scope="row">feminine ordinal indicator 12

Основи Web-майстерності: HTML.

<TR> <TD scope="row">Latin small letter o with grave <TD>ò <TD>ò <TD>ò <TD>ò <TD>ò <TD>ò</TR> <TR> <TD scope="row">Latin small letter o with acute <TD>ó <TD>ó <TD>ó <TD>ó <TD>ó <TD>ó</TR> <TR> <TD scope="row">Latin small letter o with circumflex <TD>ô <TD>ô <TD>ô <TD>ô <TD>ô <TD>ô</TR> <TR> <TD scope="row">Latin small letter o with tilde 13

Основи Web-майстерності: HTML.

<TD>õ <TD>õ <TD>õ <TD>õ <TD>õ <TD>õ</TR> <TR> <TD scope="row">Latin small letter o with diaeresis <TD>ö <TD>ö <TD>ö <TD>ö <TD>ö <TD>ö</TR> <TR> <TD scope="row">division sign <TD>÷ <TD>÷ <TD>÷ <TD>÷ <TD>÷ <TD>÷</TR> <TR> <TD scope="row">Latin small letter o with stroke = Latin small letter o slash <TD>ø <TD>ø <TD>ø 14

Основи Web-майстерності: HTML.

<TD>ø <TD>ø <TD>ø</TR> <TR> <TD scope="row">Latin small letter u with grave <TD>ù <TD>ù <TD>ù <TD>ù <TD>ù <TD>ù</TR> <TR> <TD scope="row">Latin small letter u with acute <TD>ú <TD>ú <TD>ú <TD>ú <TD>ú <TD>ú</TR> <TR> <TD scope="row">Latin small letter u with circumflex <TD>û <TD>û <TD>û <TD>û <TD>û <TD>û</TR> 15

Основи Web-майстерності: HTML.

<TR> <TD scope="row">Latin small letter u with diaeresis <TD>ü <TD>ü <TD>ü <TD>ü <TD>ü <TD>ü</TR> <TR> <TD scope="row">Latin small letter y with acute <TD>ý <TD>ý <TD>ý <TD>ý <TD>ý <TD>ý</TR> <TR> <TD scope="row">Latin small letter thorn <TD>þ <TD>þ <TD>þ <TD>þ <TD>þ <TD>þ</TR> <TR> <TD scope="row">Latin small letter y with diaeresis <TD>ÿ 16

Основи Web-майстерності: HTML.

<TD>ÿ <TD>ÿ <TD>ÿ <TD>ÿ <TD>ÿ</TR></TBODY></TABLE> </BODY></HTML> Таблиця спеціальних символів: Symbols and Greek Letters Лістинг 14.5. Файл 14.4.html <HTML> <HEAD><TITLE>HTML 4.0 Entities for Symbols and Greek Letters</TITLE> </HEAD> <BODY> <H1>Entities for Symbols and Greek Letters</H1> <TABLE border=1 CELLSPACING=0 CELLPADDING=3> <COLGROUP> <COLGROUP span=3> <COLGROUP span=3> <THEAD> <TR> <TH rowSpan=2 >Character</TH> <TH rowSpan=2 >Entity</TH> <TH rowSpan=2 >Decimal</TH> <TH rowSpan=2 >Hex</TH> <TH colSpan=3 scope="colgroup">Rendering in Your Browser</TH></TR> <TR> <TH >Entity</TH> <TH >Decimal</TH> 17

Основи Web-майстерності: HTML.

<TH >Hex</TH></TR></THEAD> <TBODY> <TR> <TD scope="row">Latin small f with hook = function = florin <TD>ƒ <TD>ƒ <TD>ƒ <TD>ƒ <TD>ƒ <TD>ƒ</TR> <TR> <TD scope="row">Greek capital letter alpha <TD>Α <TD>Α <TD>Α <TD>Α <TD>Α <TD>Α</TR> <TR> <TD scope="row">Greek capital letter beta <TD>Β <TD>Β <TD>Β <TD>Β <TD>Β <TD>Β</TR> <TR> <TD scope="row">Greek capital letter gamma <TD>Γ 18

Основи Web-майстерності: HTML.

<TD>Γ <TD>Γ <TD>Γ <TD>Γ <TD>Γ</TR> <TR> <TD scope="row">Greek capital letter delta <TD>Δ <TD>Δ <TD>Δ <TD>Δ <TD>Δ <TD>Δ</TR> <TR> <TD scope="row">Greek capital letter epsilon <TD>Ε <TD>Ε <TD>Ε <TD>Ε <TD>Ε <TD>Ε</TR> <TR> <TD scope="row">Greek capital letter zeta <TD>Ζ <TD>Ζ <TD>Ζ <TD>Ζ <TD>Ζ <TD>Ζ</TR> 19

Основи Web-майстерності: HTML.

<TR> <TD scope="row">Greek capital letter eta <TD>Η <TD>Η <TD>Η <TD>Η <TD>Η <TD>Η</TR> <TR> <TD scope="row">Greek capital letter theta <TD>Θ <TD>Θ <TD>Θ <TD>Θ <TD>Θ <TD>Θ</TR> <TR> <TD scope="row">Greek capital letter iota <TD>Ι <TD>Ι <TD>Ι <TD>Ι <TD>Ι <TD>Ι</TR> <TR> <TD scope="row">Greek capital letter kappa <TD>Κ <TD>Κ <TD>Κ 20

Основи Web-майстерності: HTML.

<TD>Κ <TD>Κ <TD>Κ</TR> <TR> <TD scope="row">black club suit = shamrock <TD>♣ <TD>♣ <TD>♣ <TD>♣ <TD>♣ <TD>♣</TR> <TR> <TD scope="row">black heart suit = valentine <TD>♥ <TD>♥ <TD>♥ <TD>♥ <TD>♥ <TD>♥</TR> <TR> <TD scope="row">black diamond suit <TD>♦ <TD>♦ <TD>♦ <TD>♦ <TD>♦ <TD>♦</TR></TBODY></TABLE> </BODY></HTML>

21

Основи Web-майстерності: HTML.

Доповнення до електронного довідника - „Додатки” Щоб додати „Додатки” до складу електронного довідника, у головний файл електронного довідника index.html до списку додатків в кінці файлу додайте наступні рядки. Лістинг 14.6. Доповнення до файлу index.html <LI><A HREF="html/14.2.html">Таблиця спеціальних символів: Special Entities</A> <LI><A HREF="html/14.3.html">Таблиця спеціальних символів: Latin-1 Entities</A> <LI><A HREF="html/14.4.html">Таблиця спеціальних символів: Symbols and Greek Letters</A> На цьому занятті - Таблиця спеціальних символів: Special Entities - Таблиця спеціальних символів: Latin-1 Entities - Таблиця спеціальних символів: Symbols and Greek Letters - Доповнення до електронного довідника - „Додатки”

МЕТОДИЧКА http://metodichka.com.ua/ Магазин классных методичек!

22

Гимнастика для глаз А. Динамический комплекс 1.

Движения глаз вправо-влево, 30 секунд.

2.

Движения глаз вверх-вниз, 30 секунд.

3.

Движения глаз по диагоналям, по 30 секунд.

4.

Круговые движения глазами по часовой стрелке, 30 секунд.

5.

Круговые движения глазами против часовой стрелки, 30 секунд.

6.

Упражнения 1-5, только с закрытыми глазами, общая продолжительность до 3 минут.

Б. Самомассаж глаз 1.

Сильно зажмурить глаза на 3-5 секунд, затем широко открыть глаза на 3-5 секунд. Повторить 10-12 раз.

2.

Быстро моргать в течение 1-2 минут.

3.

Смотреть вдаль 3-5 секунд (можно в окно), затем на палец руки в 2530 см от глаз (можно на оконную раму) в течение 3-5 секунд, повторить 10-12 раз.

4.

Тремя пальцами каждой руки легко нажать на верхнее веко, спустя 1-2 секунды снять пальцы. Повторить 5-6 раз.

5.

Круговыми движениями подушечек пальцев помассировать височную область в течение 2-3 минут.

6.

Выполнить массаж затылочной области продольными движениями пальцев обеих рук в направлении от затылочного бугра к 7-му шейному позвонку и обратно до появления чувства «прилива» к голове.

Регулярное выполнение этих простых упражнений поможет вам уменьшить усталость глаз при работе на компьютере и надолго сохранить хорошее зрение.

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.