Урок 1 Рівень 1 Рівень 1 Рівень 2 Рівень 2 Рівень 3 Рівень 3 Рівень 4 Рівень 4. - презентация

1 Урок 1

2 Рівень 1 Рівень 1 Рівень 2 Рівень 2 Рівень 3 Рівень 3 Рівень 4 Рівень 4

3 Почнемо знайомство з мовою HTML. Вона не є мовою програмування і призначена для розмітки текстових документів (тобто для форматування тексту). Те як буде виглядати текст, - шрифт, вирівнювання абзаців та інше – визначають теги HTML. Все, що записано між кутовими дужками із знаків, - це і є тег.

4 парними Як правило, HTML-теги бувають парними. Перший тег початок форматованого тексту параметри форматуваннядругий кінець фрагмента тексту Перший тег вказує початок форматованого тексту та параметри форматування, а другий, відрізняється від першого похилою лінією / перед ключовим словом, вказує кінець фрагмента тексту – області впливу відкриваючого тегу. контейнером Така пара тегів називається контейнером. Наприклад, тег починає код всієї веб-сторінки, а тег - закінчує її. Між цими двома основними тегами розміщується головна (титульна) частина коду веб-сторінки та її тіло. браузері Текст, який знаходиться між кутовими скобками, призначений для перегляду в браузері

5 1.Створити у вашій персональній папці послідовність папок : HTML – Lesson- Urok1 Блокнот NOTEPAD++ 1.Відкрити найпростіший текстовий редактор Блокнот, а краще програму тестового редактора NOTEPAD++ 2.Набрати текст HTML- коду ( без коментаріїв справа – те що чорного кольору ), який відповідає пустій сторінці : Urok1 lesson1_1.html 3.Зберегти отриманий файл - документ у папці Urok1 з назвою lesson1_1.html та закрийте редактор текстів. Тут.html ( або.htm) – типове розширення файлу веб - сторінки 4.Перейти у папку збереження даного файлу та запустити його подвійним кліком, або відкрити любий браузер та запустити як html- файл

6 lesson1.html Блокнот Notepad++ 1.Відкрийте файл lesson1.html у редакторі Блокнот або Notepad++ для внесення змін в HTML- код. урок 1 2.Введіть між тегами та текст урок 1 і перевірте відображення назви документа на отриманій веб - сторінці. lesson1_2.html Urok1 Для цього збережіть файл ( Файл - Зберегти як …) із назвою lesson1_2.html у вашій папці Urok1 відтворіть відображення сторінки в одному із браузерів та описують загальні правила відображення HTML-документа та допоміжну інформацію. Між тегами та розміщують заголовок веб-сторінки.

7 … name content Щоб створений вами сайт змогли легко знайти пошукові системи (по ключовому слову, опису, імені автора і т.д.), в контейнері … розміщують тег, в якості значення параметру name якого вказують імя деяких властивостей, а в якості значень параметру content – значення цієї властивості: keywords keywords (ключові слова) – слова, які, більш всього, будуть використані для пошуку вашої веб-сторінки; description description (опис) – опис вашої веб-сторінки (її коротка анотація); author author (імя автора веб-сторінки)- ваше прізвище lesson2.html Блокнот Notepad++ 1.Відкрийте файл lesson2.html у редакторі Блокнот або Notepad++ для внесення змін в HTML- код. 2.Додайте до коду рядки із варіантами тега відповідно до зразка. Urok1lesson1_3.html 3.Зберегти отриманий файл - документ у папці Urok1 з назвою lesson1_3.html та закрити редактор текстів. 4.Перейти у папку збереження даного файлу та запустити його подвійним кліком, або відкрити любий браузер та запустити як html- файл.

8 та розміщуються відтворений на веб-сторінці текст та вставлений в нього HTML- команди, відповідно яким браузер виводить інформацію у вікні браузера. 1.Уведіть з клавіатури між цими тегами рядки вірша. Щоб кожна строфа починалася з нового рядка, закінчуйте її тегом Urok1 lesson1_4.html 2.Зберегти отриманий файл - документ у папці Urok1 з назвою lesson1_4.html та закрити редактор текстів. 3.Перейти у папку збереження даного файлу та запустити його подвійним кліком, або відкрити любий браузер та запустити як html- файл. Код веб - сторінки Зразок відтворення