- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 1. Апаратні та програмні засоби персональних комп’ютерів
- •1.Поняття та класифікація пк
- •2.Склад пк та характеристика його пристроїв
- •3. Логічна структура комп'ютера
- •4. Комп'ютерне представлення даних
- •5. Файлова система Windоws
- •6. Класифікація програмного забезпечення комп'ютерів
- •7. Класифікація прикладного програмного забезпечення
- •8. Пакет прикладних програм MicroSoft Office
- •9. Основні складові стандартного прикладного програмного забезпечення Windows
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 1.2. Подання та обробка графічної інформації
- •1. Види комп’ютерної графіки
- •2.Типи графічних файлів
- •3.Засоби перегляду графічних файлів
- •4. Створення та демонстрування презентацій засобами Microsoft Office PowerPoint
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 3. Комп’ютерні мережі.
- •1. Поняття та можливості комп’ютерних мереж
- •2. Класифікація комп’ютерних мереж.
- •3. Апаратне та програмне забезпечення мереж
- •4. Протоколи та їх рівні.
- •Imap був розроблений для заміни простішого протоколу pop3 і має такі переваги в порівнянні з останнім:
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •1. Поняття та організація доступу до мережі Інтернет.
- •2. Система адрес у мережі Інтернет
- •3. Основні сервіси Інтернет.
- •4. Пошукові сервери
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 5 Інформаційно-пошукові системи в діяльності підрозділів цивільного захисту.
- •1.Поняття та види іпс
- •2.Індексування інформації та механізм пошуку
- •3. Огляд ринка іпс в Україні
- •4. Призначення та правова база створення уіас нс
- •1) Розвиток центральної підсистеми
- •2) Єдиний банк даних інформаиійних ресурсів (далі- єбд_ір) уіас нс
- •3) Створення функціональних підсистем
- •4) Інтеграція уіас нс з міжнародними системами спостереження з метою запобігання нс
- •5) Створення прогнозно-моделюючих комплексів
- •6) Створення інформаційно-аналітичної підсистеми оцінки та прогнозування ризиків життєдіяльності і господарювання на територіях підвищеної природно- техногенної небезпеки
- •7) Створення географічної інформаційної складової уіас нс як частини Національної геоінформаційної системи
- •8) Створення територіальних підсистем
- •9) Розробка проекту підсистеми моніторингу стану потенційно небезпечних об'єктів
- •10) Інтеграція в уіас нс інформаційно-аналітичних систем органів державної влади та місцевого самоврядування
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 6. Загальні відомості про текстовий процесор ms Word
- •1. Основні властивості текстового процесора
- •2. Режими відображення документів
- •3. Основний порядок створення текстового документа
- •4. Загальні поняття про форматування текстових документів
- •5. Форматування знаків тексту
- •6. Форматування абзаців тексту
- •7. Форматування сторінок документу
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 7. Створення, редагування та оформлення текстових документів. Створення комплексних текстових документів
- •1. Робота з таблицями
- •2. Введення формул
- •3. Робота з графічними об’єктами
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 8. Засоби автоматизації розробки документів
- •1. Рецензування документу
- •2. Визначення властивостей документу
- •3. Перевірка правопису
- •4. Структурування документу
- •5. Створення допоміжних елементів документу
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •9 Загальні уявлення про мову гіпертекстової розмітки html.
- •2. Заголовки документів
- •3. Абзаци
- •4. З’єднання з іншими документами
- •6. Звернення до певних розділів інших документів
- •З’єднання з розділами поточного документа
- •7. Авторський стиль редагування
- •8. Стилі
- •Логічні стилі
- •Фізичні стилі
- •9. Спеціальні символи
- •10. Переривання рядка
- •Міністерство надзвичайних ситуацій україни
- •Кафедра вищої математики та інформаційних технологій
- •Лекція 10. Основні елементи html.
- •4) Вкладені списки
- •2. Цитати
- •3. Адреси
- •4. Горизонтальна лінія
- •5. Внутрішні малюнки
- •Список елементів html
Міністерство надзвичайних ситуацій україни
Академія пожежної безпекиім.Героїв Чорнобиля
Факультет пожежно-профілактичної діяльності
Кафедра вищої математики та інформаційних технологій
ЗАТВЕРДЖУЮ
Начальник кафедри
ВМ та ІТ
к.ф-м.н., доц.,
полковник с.ц.з.
_______ І.П. Частоколенко
“___”______2013р.
Навчальна дисципліна: Інформатика та комп’ютерна техніка
1-й курс (стаціонар, курсанти).
ЛЕКЦІЯ
Тема № 2.2. Мова розмітки гіпертекстових документів HTML.
Час: 18, з них 4 години лекцій, 10 годин практичних занять, 4 години самостійної роботи
Тема лекції: № 9 Загальні уявлення про мову гіпертекстової розмітки HTML.
Навчальна мета: Розглянути теоретичний матеріал у відповідності з темою лекції.
Виховна мета: Переконання в необхідності вивчення матеріалу лекції для майбутньої професійної діяльності, формування матеріалістичного світогляду, виховання культури та дисципліни мислення.
Матеріально-методичне забезпечення: Дошка, крейда.
Розробив:
викладач
кафедри ВМ та ІТ А.П. Марченко
Лекція обговорена та схвалена на засіданні кафедри
Протокол №____від “__”_____________2013р.
9 Загальні уявлення про мову гіпертекстової розмітки html.
1. Тегова модель структури документів.
У HTML документи записуються в ASCII форматі і тому можуть бути створені і відредаговані в будь-якому текстовому редакторові.
За основу моделі розмітки документів у HTML прийнята, так звана тегова модель. Тег – це початковий чи кінцевий маркери елемента. Теги визначають границі дії елементів і відокремлюють елементи один від одного. НТМL - тег складається з імені, за яким може слідувати необов’язковий список атрибутів тегу. Текст тегу полягає в кутові дужки (< і >). Найчастіше HTML-теги складаються з початкового і кінцевого компонентів (парних тегів), між якими розміщаються текст і інші елементи документа. Ім’я кінцевого тегу ідентичне імені початкового, але перед ім’ям кінцевого тегу ставиться коса риса (/) Наприклад, для тегу стилю шрифту - курсив <і> закриваюча пара буде </і>, для тегу заголовка <ТІТLЕ> закриваючою парою буде </ТІТLЕ>. Кінцеві теги ніколи не містять атрибутів. За своїм значенням парні теги близькі до поняття дужок "begin/end" в універсальних мовах програмування, що задають області дії імен локальних змінних тощо. Парні теги, у сукупності з елементами сторінки, укладеними між ними, утворять так званий елемент (контейнер).
Будь-який гіпертекст схожий на книгу і може бути розбитий на окремі структурні елементи:
Власне документ
Розділи, параграфи, пункти, підпункти
Абзаци
Для кожного з цих елементів в HTML існують певні стилі, що описують в якому вигляді користувач побачить текст на екрані. Наприклад:
<BODY>
<TITLE>Пример HTML-текста</TITLE>
<H1>Глава 1</H1>
<H2>Параграф 1.</H2>
Ласкаво просимо в HTML!
Тут ми розповімо, як треба і як не треба писати гіпертексти.<P>
<H2>Параграф 2.</H2><P>
</BODY>
Заголовок документа починається з <TITLE> і закінчується </TITLE>.
Заголовок першого рівня (Розділи) виділяється символами <H1> і </H1>)
Заголовки подальших рівнів (параграфи, пункти, підпункти тощо.) - символами <Hx> і </Hx>), де x - числа 2, 3 ...
Абзац - символами <P> (У версіях HTML, що діють зараз, символу </P> не існує! АЛЕ! Він може з’явиться в подальших версіях!)
HTML не розрізняє, якими буквами набрані символи форматування: <title> рівносильно <TITLE> або <TiTlE>.
Не всі стилі підтримані всіма WWW-browsers. Якщо browser не підтримує стиль, то він його ігнорує. (Тому не страшно якщо Ви вже зараз почнете користуватися при форматуванні абзаців символом </P>. Нижче ми детальніше зупинимося на цьому питанні.)
Основні елементи
Основний текст відділяється від супровідного символами:
<BODY> </BODY>