- •1.Історія розвитку інтернет
- •3. Поняття інтернет, його сервіси та служби.
- •8. Доменна адресація в Інтернет.
- •9. Основні поняття та класифікація Web-технологій.
- •11. Мови сценаріїв.
- •12. Інструментальні засоби Web-технологій.
- •14. Поняття html.
- •15. Розвиток html
- •16.Поняття тега та структури web-документа
- •18. Теги форматування тексту
- •19. Логічне та фізичне форматування тексту в html. Фізичне форматування:
- •Логічне форматуванн:
- •21. Марковані списки в html. Маркований список
- •23. Заголовки, горизонтальні лінії в html.
- •26. Форматування таблиць в html.
- •27. Кольорове оформлення Веб-документу.
- •28. Формат графічних файлів для Інтернет. Формати зображень, які використовують
- •30. Звук та відео на Веб-сторінках.
- •32.Поділ web-документа на фрейми
- •38.Підключення зовнішньої таблиці стилів
- •39.Внутрішні таблиці стилів
- •34.Візуальні редактори web-сайтів
- •35.Публікації сайту на сервері
- •36.Поняття таблиць каскадних стилів
- •37.Правила опису стилів
- •Id селектори (id Selectors):
- •40.Вбудовані стилі
- •41.Колір і властивості фону
- •42.Влативості блокових елементів
- •44 Властивості шрифту
- •47.Можливості Java Script при впроваджені у web- сторінки
- •48.Способи розташування та правила створення сценаріїв
- •49. Робота з вікнами браузера у Java Script
15. Розвиток html
В 1989 році Тім Бернерс-Ли запропонував керівництву міжнародного центра високих енергій (CERN) проект розподіленої гіпертекстової системи, що він назвав World Wide Web (WWW), Всесвітня павутина. Спочатку ідея системи полягала в тому, щоб за допомогою гіпертекстової навігаційної системи об'єднати всю безліч інформаційних ресурсів CERN у єдину інформаційну систему. Технологія виявилася настільки вдалою, що дала поштовх до розвитку однієї із самих популярних у світі глобальних інформаційних систем. Практично у свідомості більшості користувачів глобальної комп'ютерної мережі Internet сама ця мережа асоціюється із трьома основними інформаційними технологіями: електронна пошта (e-mail); файлові архіви FTP; World Wide Web. Причому остання технологія поступово переміщається на перше місце. Успіх технології World Wide Web визначений двома основними факторами: простотою й використанням протоколів межмережевого обміну сімейства TCP/IP, (Transmission Control Protocol, протокол керування передачею/Internet Protocol, протокол Internet), які є основою Internet. Розроблювачі HTML змогли вирішити два завдання: надати дизайнерам гіпертекстових баз даних простої засіб створення документів; зробити цей засіб досить потужним, щоб відбити, що були на той момент подання про інтерфейс користувача гіпертекстових баз даних.
16.Поняття тега та структури web-документа
HTML -теги це мітки, які ви використовуєте для вказівки браузеру, як він повинен показувати ваш web -сайт. Усі теги мають однаковий формат: вони починаються знаком "<" і закінчуються знаком sign ">". Зазвичай є два теги - що відкриває: <html> і що закриває: </html>. Відмінність в тому, що в тому, що закриває є слэш "/". Увесь вміст, поміщений між тим, що відкриває і закриває тегами, є вмістом тега.Н, як мовиться, з кожного правила є виключення, і в HTML також є теги, які є і такими, що відкривають, і що закривають. Ці теги не містять тексту, а є мітками, наприклад, перенесення рядка виглядає так: <br />. HTML - це теги, і нічого окрім тегів:
<HTML> - повідомляє браузеру, що далі слідує текст, який слід інтерпретувати як HTML документ.
<HEAD> - виділяють заголовок документа, в якому міститься службова інформація.
<TITLE> ... </TITLE> - виділяють назву сторінки, яка відображається в заголовку вікна браузера|.
</HEAD>
<BODY> - виділяють основну частину – “тіло” – web-сторінки...
</BODY>
</HTML>
17. Класифікація тегів.Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Під час відображення документа в браузері самих тегів не видно, але вони впливають на зовнішній вигляд документа. Усі теги починаються із символу < і закінчуються символом > — їх називають кутовими дужками. Після відкритої кутової дужки розміщують ключове слово, яке вказує на призначення тегу. Регістр у назвах тегів не має значення, хоча загальновживаними є великі літери. Приклади тегів HTML: <TITLE>, <BODY>, <TABLE>, </A>, <IMG>, </CENTER>. Зазвичай тег впливає на певний фрагмент документа, наприклад на абзац. У таких випадках використовують пару тегів (відкривальний і закривальний). Перший із них задає ефект, а другий — припиняє його дію. Закривальний тег починається із символу / (слеш). Приклади парних тегів: <HTML></HTML>, <В></В>, <HEAD></HEAD>, <НЗ></Н3>, <ADDRESS></ADDRESS>, <LI></LI>. Деякі теги задають разовий ефект у місці своєї появи, тоді закривальний тег не потрібен. Приклади одинарних тегів: <BR>, <HR>, <МЕТА>, <BASEFONT>, <FRAME>, <INPUT>. Якщо між кутовими дужками помилково вказане ключове слово, яке відсутнє в мові HTML, то весь тег буде проігноровано. Відкривальні теги можуть містити атрибути, які впливають на ефект, створюваний тегом. Атрибути — це додаткові ключові слова, відокремлені від основного ключового слова тегу та один від одного символами пробілу. Для деяких атрибутів слід задавати значення, яке відділяють від імені атрибута символом =. Значення атрибута беруть у лапки, але в багатьох випадках їх можна і не ставити. Закривальні теги атрибутів не містять.Для того щоб через деякий час ви або інша людина, яка переглядатиме код HTML, могла краще його зрозуміти, у текст вставляють примітки — коментарі. Вони починаються зі спеціального тегу <! —. Будь-який записаний після нього текст браузер розглядає як коментар і не відображає під час відтворення документа. Закінчують коментар тегом —>. Коментар може містити будь-які символи, крім >, а отже, не може включати в себе теги. В HTML коді існують такі види тегів: форматування(<p></p>, <p align="?"></p>, <nobr>, <ol></ol>, <ul></ul>, ), основні теги(<html></html>, <head></head>, <body></body>), графічні теги(<img src="name">, <img src="name" align="?">, <img src="name" border="?">, <hr>), теги таблиць(<table></table>, <tr></tr>, <td></td>, <caption></caption>), теги форматування тексту(<h1></h1>, <pre></pre>, <b></b>, <i></i>, <address></address>) та інші.