Поняття про мову HTML. Поняття HTML-документу. Структура веб-сторінки. Основні теги. Форматування тексту.

Матеріал з Фізмат Вікіпедії
Версія від 10:56, 2 червня 2011, створена Bojchuk mf (обговореннявнесок) (Створена сторінка: '''Мета:''' Ознайомити з поняттям HTML-документу, його структурою, основними тегами і формату…)
(різн.) ← Попередня версія • Поточна версія (різн.) • Новіша версія → (різн.)
Перейти до: навігація, пошук

Мета: Ознайомити з поняттям HTML-документу, його структурою, основними тегами і форматуванням тексту; виховати дисциплінованість, самостійність; розвити пам'ять, увагу, мислення Тип уроку: лекція


Хід уроку:


І Організуючий етап

ІІ. Мотиваційний момент

Як ви знаєте, Інтернет сьогодні є невід’ємною частиною нашої повсякденної реальності, як телефон чи автомобіль, і нікуди від цього не подітись. Його використовують для пошуку інформації, спілкування , здійснення покупок і представлення інформації на своїх веб-сайтах. Сьогодні ми розпочнемо вивчати створення сайтів і у кінці теми кожен з вас зробить свою веб-сторінку до кінця вивчення теми. Отже, записуємо дату і тему уроку.

ІІІ Введення нового матеріалу.

Розпочнемо з поняття веб-сторінка. Веб-сторінка — це файл з розширенням HTM, HTML, SHTML, XHTML. 3 чого, власне, складаються ці файли HTML? Вони складаються із звичайного тексту. Ви можете проглянути початковий код файлу в будь-якому текстовому редакторі, включаючи Блокнот Windows (Notepad). Редагувати веб-документи ви також можете, використовуючи звичайний Блокнот. Хоча зараз існує велика кількість візуальних редакторів web-сторінок,наприклад: Netscape Composer, Microsoft FrontPage та ін., і поза сумнівом, вони дозволяють значно прискорити створення типових сторінок , проте поки ми будемо розбиратися із структурою HTML-документів і основними елементами мови HTML. Це дозволить в майбутньому контролювати роботу візуальних редакторів і виправляти помилки, що припускаються ними. HTML (Hyper Text Markup Language — мова розмітки гіпертексту). ГіпертекстЖирний текст — це легка у використанні і надзвичайно потужна система зв'язаних слів і фраз, що дозволяє легко переміщуватися між особливим чином організованими сторінками. Вона пов'язує фразу або слово однієї сторінки з будь-якою іншою сторінкою, абзацом, фразою або словом HTML-файл складається з двох основних частин: «голови» (заголовка) і «тіла». «Тіло» HTMLКурсив- документа містить в собі весь інформативний вміст, тоді як у заголовку вказується тип документа, його кодування, мова, ім'я автора та інша додаткова інформація. Тіло документа відокремлюється від заголовка за допомогою міток (дескрипторів, тегів) HTML. Мітка мови HTML або тег (англ. tag), або дескриптор (називайте, як вам більше подобається), є основним засобом розмітки документа. Під час написання теги відокремлюються від решти тексту кутовими дужками: «<» і «>». Регістр символів при цьому також не має ніякого значення, але хорошим тоном вважається набір тегів у верхньому регістрі, тобто великими літерами. Це допомагає візуально відокремити теги від основного тексту у разі подальшого редагування. Усі теги HTML за їх призначенням і областю дії можна розділити на такі основні групи: • теги, що визначають структуру документа (теги форматування); • теги, що оформляють блоки гіпертексту (параграфи, списки, таблиці, картинки); • гіпертекстові посилання і закладки (тобто загальні посилання). Крім цього, теги діляться на дві групи: • теги, які вимагають закриття (тобто обмеження дії) — парні; • теги, які не вимагають закриття — непарні. Наприклад, дескриптор <І>, що змінює зображення шрифту на курсив, є парним тегом, тобто вимагає закриття. Якщо він не буде закритий, то весь текст, після нього, буде відображатись курсивом. Закриваючим елементом завжди служить той самий тег, але із знаком «/» після першої кутової дужки. Приклад < U >Цей текст відображатиметься як підкреслений. < / U >