КАТЕГОРИИ:
Архитектура-(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; Просмотров: 500; Нарушение авторских прав?; Мы поможем в написании вашей работы!