Поняття про мову розмічання гіпертекстового документа (10 клас)

1. Урок 25 Поняття про мову розмічання гіпертекстового документа

Інформатика
Урок 25
Поняття про мову розмічання
гіпертекстового документа
10 клас

2. 3. Засоби розробки веб-сайтів

Засоби розробки веб-сайтів
Розробка веб-сторінок здійснюється шляхом
написання їх HTML-коду.
HTML (Hyper Text Markup Language) – мова
розмічення гіпертексту.

4. Засоби розробки веб-сайтів

Засоби розробки веб-сайтів
Гіпертекстову технологію застосовують для
подання інформації у WWW-просторі (для
роботи з Web-документами).
Web-документ зберігається і пересилається,
як файл з розширенням htm чи html. (це
звичайні текстові файли – програми написані
мовою HTML)
HTML-код веб-сторінок сайту можна
написати в текстовому редакторі та зберегти
у файлах з розширенням імені htm чи html.

5. Засоби розробки веб-сайтів

Засоби розробки веб-сайтів
Текстові редактори, що використовуються
для написання коду:
Notepad++ Sublime Text
Блокнот
Brackets

6. Засоби розробки веб-сайтів

Засоби розробки веб-сайтів
Для спрощення розробки веб-сторінок,
можуть використовуватися візуальні
редактори HTML-коду:
Microsoft Front Page
Adobe Dreamweaver

7. Засоби розробки веб-сайтів

Засоби розробки веб-сайтів
Типовий простий Web-документ складається
з текстових блоків, двох-трьох рисунків,
горизонтальних ліній та гіперпосилань.
Більш складні Web-документи містять
фрейми(вкладені Web-сторінки), елементи
керування (кнопки, перемикачі, поля діалогу)
динамічні ефекти та графічні об’єкти ActiveX

8. Мова розмічання гіпертекстових документів HTML

Команди мови HTML називаються тегами .
теги
одинарні
парні
Більшість тегів є парними:
-
Тег означення HTML-файлу: <HTML>….</HTML>
-
Парні теги позначають початок і кінець.

9. Мова розмічання гіпертекстових документів HTML

Мова розмічання гіпертекстових
документів HTML
Між тегами <Title>…</Title> пишуть заголовок
Windows-вікна,
А між тегами <Body параметри>...</Body>,
основний текст, до якого застосовують теги
форматування.

10. Основні параметри тега BODI

Основні параметри тега BODI
Backgraund = «шлях до графічного файлу» задає картинку для фону;
BGColor = “White” – задає білий колір фону, якщо не використовується
фон-картинка;
Text = “Black” – задає колір тексту на сторінці.

11. Теги для форматування тексту.

12. Теги для форматування тексту.

Теги для форматування тексту.
Основним типом абзацу є заголовок.
Теги від найбільшого <H1>…до найменшого
<H6> розміру шрифта.

13. Теги для форматування тексту.

Теги для форматування тексту.
Інформацію можна подати у вигляді таблиці
без рамок за допомогою парного тега:
<PRE>…</PRE>
Текст в середині цього
тега оформляється
засобами табуляції.
Створення однієї комірки

14. Теги для форматування тексту.

Теги для форматування тексту.
Тег задання параметрів шрифта:
FONT
Щоб задати назву конкретного шрифту, його
розмір і колір використовують парний тег:
FONT з параметрами FACE, SIZE, COLOR.
Наприклад:
<FONT FACE=“Arbat” SIIZE=+2 COLOR=“red”> текст </FONT>

15. 16. Практичне завдання

Практичне завдання

English Русский Rules