Поняття про мову гіпертекстової розмітки

Про матеріал
Який вигляд має код розмітки вебсторінки мовою HTML Як створити простий html-документ Як форматувати текст у html-документі
Перегляд файлу
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцькособливості вебсторінки;призначення текстового редактора Блокнот;розширення файлу вебсторінки;що називають кодом
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Який вигляд має код розмітки вебсторінки мовою HTMLЯк створити простий html-документ. Як форматувати текст у html-документі
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Поняття про мову гіпертекстової розмітки
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк Створення та публікація вебресурсів. Створення та публікація вебресурсів. Код розмітки вебсторінки мовою HTMLHTML (мова гіпертекстової розмітки) — це код, який використовується для структурування і відображення веб-сторінки та її контенту. HTMLHyper Text Markup Language Мова гіпертекстової розмітки. Процес вставляння в текст кодів HTML називають розміткою
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<HTML><HEAD><ТІТLЕ>Заголовок документа</ТІТLЕ></HEAD><BODY>Текст, що відображається на екрані</BODY></HTML>Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<HTML><HEAD><ТІТLЕ>Заголовок документа</ТІТLЕ></HEAD><BODY>Текст, що відображається на екрані</BODY></HTML>Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Повідомляє браузеру, що це. HTML-документ
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<HTML><HEAD><ТІТLЕ>Заголовок документа</ТІТLЕ></HEAD><BODY>Текст, що відображається на екрані</BODY></HTML>Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Розділ заголовківІнформація про документ
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<HTML><HEAD><ТІТLЕ>Заголовок документа</ТІТLЕ></HEAD><BODY>Текст, що відображається на екрані…</BODY></HTML>Див. Структура HTML-документа.html. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Параметри тегу <BODY>BACKGRAUND=
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLРівні заголовків <H1> Заголовок першого рівня </H1><H2> Заголовок другого рівня </H2><H3> Заголовок третього рівня </H3><H4> Заголовок четвертого рівня </H4><H5> Заголовок п'ятого рівня </H5><H6> Заголовок шостого рівня </H6>Див. Рівні_заголовків.html. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLТег абзаца. Для визначення звичайних абзаців у мові HTML використовують теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним абзацом. У разі переходу на новий рядок без створення абзацу використовується одинарний тег <BR>. Для виділення тексту, який має певне розміщення символів, використовують тег <PRE> текст із вимушеними пропусками та перенесенням у рядки </PRE>. Розділювачами в тексті у вигляді горизонтальної лінії створюють за допомогою одинарного тегу <HR>. Вирівнювання тексту ALIGN=center \ right \ left\ justify
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLТег абзаца. Приклади. Розділювачами в тексті у вигляді горизонтальної лінії створюють за допомогою одинарного тегу <HR><HR ALIGN=
" title="Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLТег абзаца. Приклади. Розділювачами в тексті у вигляді горизонтальної лінії створюють за допомогою одинарного тегу


">
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів{7 DF18680-E054-41 AD-8 BC1-D1 AEF772440 D}Теги. Ефект<B> та </В>Напівжирне накреслення<I> та </I>Курсивне накреслення<U> та </U>Підкреслене<S> та </S>Перекреслене<SUP> та </SUP>Верхній індекс<SUB> та </SUB>Нижній індекс
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег <BASEFONT> задає гарнітуру, розмір і колір шрифту. FACE=
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Параметри шрифту <BIG>Teкст</BIG> — збільшення розміру шрифту<SMALL>Teкст</SMALL> — зменшення розміру шрифту<ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту<DEL>Teкст</DEL> — створення перекресленого тексту<MARQUEE> та </MARQUEE> — додавання «рухомого рядка»Тег <FONT АТРИБУТИ>Текст </FONT> задає гарнітуру, розмір і колір шрифту
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Списки<UL><LI> Елемент списку</LI><LI> Елемент списку</LI><LI> Елемент списку</LI><LI> Елемент списку</LI>.......<LI> Елемент списку</LI></UL><OL><LI> Елемент списку</LI><LI> Елемент списку</LI><LI> Елемент списку</LI><LI> Елемент списку</LI>.......<LI> Елемент списку</LI></OL>Маркований список. Нумерований список
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити §21 стор. 209-215 Опрацювати всі запитання і завдання з рубрик Заповнити словничок HTML, тег, контейнер, атрибут, структура HTML-документа, теги форматування тексту, списки HTML
Розгадайребус. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. ТЕГРозгадай ребус
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 1. Перегляд коду вебсторінки. Завдання. Перегляньте HTML-код вебсторінки національного заповідника «Замки Тернопілля». Знайдіть заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.https://zamky.te.ua
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 1. Перегляд коду вебсторінки. Завдання. Перегляньте HTML-код вебсторінки національного заповідника «Замки Тернопілля». Знайдіть заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.https://zamky.te.ua
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2. Перегляд коду вебсторінки. Завдання. Складіть простий документ, який міститиме лише заголовок вікна за зразком
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 3.https://learningapps.org/3702446
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером
Зміст слайдів
Номер слайду 1

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 2

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцькособливості вебсторінки;призначення текстового редактора Блокнот;розширення файлу вебсторінки;що називають кодом

Номер слайду 3

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Який вигляд має код розмітки вебсторінки мовою HTMLЯк створити простий html-документ. Як форматувати текст у html-документі

Номер слайду 4

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Поняття про мову гіпертекстової розмітки

Номер слайду 5

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк Створення та публікація вебресурсів. Створення та публікація вебресурсів. Код розмітки вебсторінки мовою HTMLHTML (мова гіпертекстової розмітки) — це код, який використовується для структурування і відображення веб-сторінки та її контенту. HTMLHyper Text Markup Language Мова гіпертекстової розмітки. Процес вставляння в текст кодів HTML називають розміткою

Номер слайду 6

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<ТІТLЕ>Заголовок документаТекст, що відображається на екраніКоди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами

Номер слайду 7

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<ТІТLЕ>Заголовок документаТекст, що відображається на екраніКоди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Повідомляє браузеру, що це. HTML-документ

Номер слайду 8

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<ТІТLЕ>Заголовок документаТекст, що відображається на екраніКоди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Розділ заголовківІнформація про документ

Номер слайду 9

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа<ТІТLЕ>Заголовок документаТекст, що відображається на екрані…Див. Структура HTML-документа.html. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами

Номер слайду 10

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLСтруктура HTML-документа. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Параметри тегу BACKGRAUND="1.jpg" — задає картинку для фону за шляхом 1.jpg;BGCOLOR="white" — задає колір фону — білий;TEXT="black" — задає колір тексту — чорний.

Номер слайду 11

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLРівні заголовків

Заголовок першого рівня

Заголовок другого рівня

Заголовок третього рівня

Заголовок четвертого рівня

Заголовок п'ятого рівня
Заголовок шостого рівня
Див. Рівні_заголовків.html. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами

Номер слайду 12

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLТег абзаца. Для визначення звичайних абзаців у мові HTML використовують теги <Р> і . Текст, розміщений між ними, власне і буде одним абзацом. У разі переходу на новий рядок без створення абзацу використовується одинарний тег
. Для виділення тексту, який має певне розміщення символів, використовують тег

 текст із вимушеними пропусками та перенесенням у рядки 
. Розділювачами в тексті у вигляді горизонтальної лінії створюють за допомогою одинарного тегу
. Вирівнювання тексту ALIGN=center \ right \ left\ justify

Номер слайду 13

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLБазові конструкції мови HTMLТег абзаца. Приклади. Розділювачами в тексті у вигляді горизонтальної лінії створюють за допомогою одинарного тегу




Номер слайду 14

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів{7 DF18680-E054-41 AD-8 BC1-D1 AEF772440 D}Теги. Ефект та Напівжирне накреслення та Курсивне накреслення та Підкреслене та Перекреслене та Верхній індекс та Нижній індекс

Номер слайду 15

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег задає гарнітуру, розмір і колір шрифту. FACE="значення" — гарнітура. FACE=значення — розмір шрифту (ціле число від 1 до 7)COLOR=значення — колір шрифту

Номер слайду 16

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Параметри шрифту Teкст — збільшення розміру шрифтуTeкст — зменшення розміру шрифту<ЕМ>Текст — виділення важливих фрагментів текстуTeкст — створення перекресленого тексту та — додавання «рухомого рядка»Тег Текст задає гарнітуру, розмір і колір шрифту

Номер слайду 17

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Створення та публікація вебресурсів. Основи мови HTMLТеги для форматування символів. Списки

  • Елемент списку
  • Елемент списку
  • Елемент списку
  • Елемент списку
  • .......
  • Елемент списку
  1. Елемент списку
  2. Елемент списку
  3. Елемент списку
  4. Елемент списку
  5. .......
  6. Елемент списку
Маркований список. Нумерований список

Номер слайду 18

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити §21 стор. 209-215 Опрацювати всі запитання і завдання з рубрик Заповнити словничок HTML, тег, контейнер, атрибут, структура HTML-документа, теги форматування тексту, списки HTML

Номер слайду 19

Розгадайребус. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 20

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. ТЕГРозгадай ребус

Номер слайду 21

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 1. Перегляд коду вебсторінки. Завдання. Перегляньте HTML-код вебсторінки національного заповідника «Замки Тернопілля». Знайдіть заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.https://zamky.te.ua

Номер слайду 22

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 1. Перегляд коду вебсторінки. Завдання. Перегляньте HTML-код вебсторінки національного заповідника «Замки Тернопілля». Знайдіть заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.https://zamky.te.ua

Номер слайду 23

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2. Перегляд коду вебсторінки. Завдання. Складіть простий документ, який міститиме лише заголовок вікна за зразком

Номер слайду 24

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 3.https://learningapps.org/3702446

Номер слайду 25

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером

pptx
Додано
26 вересня 2023
Переглядів
358
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку