Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Як виглядає на дисплеї




Приклад

Синтаксис

Як виглядає на дисплеї

Приклад

Синтаксис

Підрядковий індекс:

<SUB>...</SUB>

Надрядковий індекс:

<SUP>...</SUP>

SO<SUB>4</SUB><SUP>2-</SUP> + Ba<SUP>2+</SUP> = BaSO<SUB>4</SUB>

SO42- + Ba2+ = BaSO4

Розмір і колір шрифту

(Font Size and Color)

У стандарті мови HTML 2 засоби керування розміром і кольором шрифту відсутні, так що описаний у цьому розділі тег <FONT> є нестандартним розширенням HTML.

Розмір шрифту виражається в деяких умовних одиницях, що змінюються від 1 до 7, і задається за допомогою атрибута SIZE тега FONT. Можна задати або абсолютний розмір, або його зміна щодо розміру, встановленого в програмі перегляду за замовчуванням (такому розмірові приписують значення 3). Колір ділянки тексту задається за допомогою атрибута COLOR.

Абсолютний розмір:

<FONT SIZE=" nn" >...</FONT>

де nn – розмір шрифту в довільних одиницях (від 1 до 7).

Відносний розмір:

<FONT SIZE="+ nn" >...</FONT>

або

<FONT SIZE="- nn" >...</FONT>

де nn – число пунктів, на які шрифт буде збільшений (зменшений) щодо шрифту, прийнятого за замовчуванням.

Колір:

<FONT COLOR="# RRGGBB" >...</FONT>

де RR, GG і BB характеризують частки, відповідно, червоний, зелений і синій компонент у кольорі, яким буде виділена частина тексту, що розташована між відкриваючим і закриваючої тегами. Значення RR, GG і BB виражаються в шестнадцятерічній системі числення.

<font size="-2">Привіт! </font>Привіт!! <font color="#FF0000" size="+4">Привіт!!!</font>

Привіт! Привіт!! Привіт!!!

Зауваження: тег FONT варто застосовувати з великою обережністю. По-перше, він не підтримується багатьма програмами перегляду. Крім того, програми-роботи не вміють правильно працювати з виділеним текстом і не розуміють заголовки, створені за допомогою <FONT>, а не <H1>. Нарешті, виділений кольором текст може виявитися невидимим, якщо на комп'ютері користувача встановлена "невдала" палітра.

 

Документ, написаний на HTML, являє собою текстовий файл, що містить власне текст, що несе інформацію читачеві, і теги розмітки (markup tags). Теги являють собою визначені стандартом HTML послідовності символів, укладені між знаками < і >. Згідно тегам розмітки програма розташовує текст на екрані, включає в нього малюнки, що зберігаються в окремих графічних файлах, і формує гіперзв'язку з іншими документами або ресурсами Internet. Файл мовою HTML приймає "гіпертекстовий вигляд" тільки тоді, коли він інтерпретується програмою перегляду. Давайте для ілюстрації сказаного розглянемо короткий приклад.

 

Зразок

<html>

<head><title>A Simple HTML Document (title)</title>

<meta name="Microsoft Border" content="none, default">

</head><body><h>A Simple HTML Document</h1>

<p>A document to be published on the

Web can include the following features (картинка):

<ul>

<li>Stylized text <li>Inline images <img SRC="face.gif" ALT="Face" WIDTH="32" HEIGHT="32">

<li>Links to other information

</ul>

<p>To assist the authors

in writing Web pages, many useful <a HREF="http://www.yahoo.com/Computers_and_Internet/">

utilities</a> have been designed.

</body>

</html>

 

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

Далі – між тегами <HEAD> і </HEAD> – випливає головна частина документа, усередині якої, між тегами <TITLE> і </TITLE>, знаходиться назва документа. Назва виводиться не разом із самим документом, а в смузі заголовка вікна програми перегляду (title bar), а також використовується і для інших цілей.

Потім – між тегами <BODY> і </BODY> – міститься основна частина документа, так називане тіло.

Між тегами <H1> і </H1> розташовується заголовок (h eading), що програма перегляду виводить великим і/або жирним шрифтом.

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

Теги <UL> і </UL> відзначають початок і кінець так називаного непронумерованого списку (unnumbered list), кожному елементові якого передує тег <LI> (l ist i tem). Кожен елемент списку програма перегляду виводить з нового рядка і випереджає символом.

Тег <IMG SRC="face.gif" ALT="Face"> (im a g e s ou rc e) включає в документ зображення, що зберігається у файлі face.gif. Про графічні файли далі буде розказано більш докладно. Атрибут ALT="Face" задає так називаний альтернативний текст (у даному випадку, Face), що неграфічні програми перегляду виводять на екран замість відповідного малюнка. Цей же текст буде видний, якщо в графічній програмі перегляду відключити автоматичне завантаження зображень (що звичайно робиться при повільній роботі мережі).

Тег <A HREF= "http://www.yahoo.com/Computers_and_Internet/"> відзначає початок якоря гіперпосилання (h yper ref erence a nchor), або, як його називають частіше, якоря гіперзв'язку (hyperlink anchor). Атрибут HREF=" URL " указує URL документа, на який робиться посилання. Синтаксис URL, розглянутий вище (стор. 11), цілком збігається із синтаксисом URL у гіперзв'язках. Зверніть увагу: URL гіперпосилання розташований у подвійних лапках, – їхній пропуск є досить частою помилкою починаючих авторів. Якір гіперпосилання закінчується тегом </A>. Як ми вже говорили, програма перегляду виділяє якір з навколишнього тексту кольором і/або підкресленням і/або жирним шрифтом. Коли покажчик миші знаходиться на якорі, то він звичайно приймає вид вказівного перста (у чому ви можете переконатися, підвівши покажчик до будь-якого найближчого якоря в тексті). Якщо в такий момент клацнути клавішею миші, то програма перегляду почне завантажувати зв'язаний з цим якорем документ.

Гіперзв'язок із сервером електронної пошти (Mail Server)

Більшість програм перегляду дозволяє відправити електронний лист за адресою, що вказується в HTML-документі, що переглядається. Синтаксис "поштового" якоря нагадує синтаксис якоря груп новин, розглянутого вище. Для роботи із сервером електронної пошти програма перегляду читача документа також повинна бути попередньо настроєна.




Поделиться с друзьями:


Дата добавления: 2014-12-26; Просмотров: 468; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.016 сек.