Вправа 9. HTML-код

Frontpage пропонує розробникові безліч різноманітних інструментів, що дозволяють конструювати практично будь-які web-страницы. Проте повне управління форматом відображення інформації можна отримати, тільки редагуючи початковий код HTML-файла, що формує зображення сторінки. Frontpage пропонує два способи проглядання цієї коди.

1.  Не виходячи з вікна web-страницы Труби, виберіть команду Вигляд > Показати теги (View > Reveal Tags).

Мал. 23.19. Теги документа

У цьому режимі (мал. 23.19) на екрані відображається не тільки вміст web-страницы, але і конструкції, що управляють, — теги, — які і формують наявне форматування документа. У HTML-документе всі теги поміщені в кутові дужки. Вони діляться на тих, що відкривають і закривають, які відрізняються від перших наявністю символу «/». Між однойменними що відкриває і закриваючим тегамі розміщується текст, форматування якого задається цими тегамі. Наприклад, між тегамі <table> і </table> поміщений вміст таблиці. Деякі теги, такі як <hr>, який додає на сторінку горизонтальну лінію, не мають парного закриваючого тега. Багаторівневе вкладення подібних конструкцій дозволяє задавати будь-які найскладніші варіанти форматування документа. Вказаний режим демонстрації сторінки допомагає зрозуміти її структуру і полегшує пошук помилок.

2. Перемістите покажчик миші на значок тега </а>, розташований праворуч від зображення тигра. З'явиться спливаюча підказка, що демонструє повний текст цього тега. Проте вказаний варіант проглядання сторінки дає можливість бачити теги,но не дозволяє їх редагувати.

3.  Щоб дістати повний доступ до коду сторінки, клацніть на корінці HTML. Ви побачите текстовий документ, на основі якого генерується web-страница. Давайте спробуємо скоректувати його.

4. Прокрутите вміст вікна до тексту Тонкі мідні труби.

5. Введіть перед словом мідні теги <bxfont color=»c90000">.

6.  Після цього слова додайте теги </font></b>.

Примітка

Додавання тегов в режимі редагування коди HTML іноді приводить до порушення раніше призначених режимів форматування і спотворення деяких об'єктів. Перед зміною коди корисно зберегти на диску копію редагованої web-страницы, щоб у разі невдачі мати можливість повернутися до початкового варіанту.

7. Клацніть на корінці Звичайний, щоб повернутися в звичайний режим проглядання сторінки.

8.  Натисненням клавіш Ctrl+/ відключите демонстрацію тегов. Звернете увагу, що теги, додані в режимі редагування початкової коди, забарвили слово мідні в червоний колір і задали йому жирне зображення.

Досконально вивчивши мову HTML, ви зможете коректувати сторінки, створені в Frontpage, додаючи в них найскладніші ефекти, недоступні існуючим web-редакторам.