- •Історія створення мережі Інтернет.
- •Основні протоколи мережі Інтернет.
- •3. Доменна система імен.
- •4. Електронна пошта: функції поштових клієнтів.
- •5. Електронна пошта: поради щодо послуговування e-mail.
- •6. Електронна пошта: структура електронного листа.
- •7. Електронна пошта: системи із веб-інтерфейсом.
- •8. Система World Wide Web: історія створення.
- •9. Система World Wide Web: ключові поняття.
- •10. Мова розмітки гіпертексту html: структура документа.
- •11. Мова розмітки гіпертексту html: теги для форматування тексту.
- •12. Мова розмітки гіпертексту html: теги для побудови таблиць.
- •13. Мова розмітки гіпертексту html: теги для монтування рисунків.
- •14. Мова розмітки гіпертексту html: теги для організації посилань.
- •16. Каталоги для виконання пошуку інформації в Інтернеті.
- •Рейтинги та портали як інструменти для ведення пошуку інформації в Інтернеті.
- •18. Правила пошуку інформації в Інтернеті.
- •19. Загальна характеристика ftp-сервіса.
- •20. Поняття ftp-сервера та ftp-клієнта.
- •21. Авторизований та анонімний доступ до ftp-сервера.
- •22. Програми для роботи з ftp-сервісом.
- •23. Загальні відомості про фотохостинг.
- •24. Фотохостінг: технологія створення фотоальбому.
- •25. Загальні відомості про відеохостінг.
11. Мова розмітки гіпертексту html: теги для форматування тексту.
Пропоную вивчити основні HTML-теги, за допомогою яких здійснюється форматування тексту. З тегами b (bold або жирне написання) та i (italic або текст із нахилом) скоріше за все, знайомі всі. Ці теги ми часто використовуємо у коментарях, на форумах, і т. ін. А ось якщо я назву вам такий тег: big чи такий: sup, далеко не кожен зможе пояснити, в яких випадках їх слід використовувати. Нижче знаходиться список з тегами форматування та поясненнями до них. Їх необов'язково запам'ятовувати; просто ретельно передивившись список, ви будете мати уявлення про можливі дії при редагуванні текстів. А повернувшись декілька разів до списку під час роботи з веб-документами, ви автоматично запам'ятаєте найвживаніші саме вами теги.
Теги для форматування текстів
b - тег для виділення тексту жирним (фізичне форматування)
big - текст більший за розмірами за основний (фізичне форматування)
em - тег виділення частини тексту, підкреслення змісту текста. Браузер частіше за все текст з таким тегом видає як курсив (логічне форматування)
i - відображення тексту курсивом (фізичне форматування)
small - текст що відображається меншими літерами за основний (фізичне форматування)
strong - відображається браузерами зазвичай напівжирним. Використовують для виділення важливих частин документа (логічне форматування)
sub - зміщує текст нижче рівня рядка і робить літери меншими за розмірами, якщо це можливо. Гарно використовувати для математичних індексів (фізичне форматування)
suр - зміщує текст вище рівня рядка і робить літери меншими за розмірами, якщо це можливо. Частіше за все використовується для написання математичних ступенів, коренів, номерів для коментарів (фізичне форматування)
ins - відмічає текст як додаток, вставку. Зазвичай відображається підкресленим текстом (логічне форматування)
del - відмічає текст як видалений. Зазвичай відображається як закреслений (логічне форматування)
12. Мова розмітки гіпертексту html: теги для побудови таблиць.
Розглянемо, як за допомогою HTML організовують таблиці. Таблиця починається із тега <TABLE> і закінчується відповідним закриваючим тегом. Далі таблиця аналізується по рядках. Для цього використовують теги <TR> ... </TR>. Між цими тегами записують теги <TD> ... </TD>, які характеризують кожну комірку таблиці. Усе, що міститься між відкриваючим та закриваючим тегами <TD> відображатиметься у комірці таблиці.
13. Мова розмітки гіпертексту html: теги для монтування рисунків.
Для інтеграції у Web-сторінку графіки (різного роду рисунків) використовується тег <IMG>. Синтаксис цього тега такий
<IMG 5РС="ім'я.файла">
У цьому шаблоні задається тільки ім'я файла тоді, коли цей файл знаходиться у тому ж самому каталозі, що і HTML-документ. А в загальному випадку під іменем файла розуміють URL, за допомогою якого можна доступитися до цього графічного файла.
Одним із атрибутів тега <IMG> є атрибут ALIGN із значеннями, зокрема, left та right. Завдяки їм текст обтікає зображення, розміщене зліва та справа, відповідно. Цей тег не вимагає закриваючого тегу.
Можна зробити рисунок гіперпосиланням на інший документ
<А НРЕР-'Місце призначення"><ІМО ЗР?С="ім'я.файла"></А>
Тепер, коли користувач цокає кнопкою мишки на будь-якій частині рисунку, він активізує відповідний гіпермедійний зв'язок.
