SlideShare a Scribd company logo
1 of 4
Поняття про мову
розмітки гіпертексту
HTML (Hyper Text Markup
Language — мова
гіпертекстової розмітки).ІСТОРІЯ HTML
Дескриптор (тег)
Контейнер
Атрибути
Структура HTML
<HTML>
<HEAD>
<TITLE> назва веб-сторінки</TITLE>
</HEAD>
<BODY ">
“ Тіло “- вміст веб-сторінки: текст, графіка,
гіперпосилання.
</BODY>
</HTML>
Контейнера
<HTML>...</HTML> - ознака HTML- документа
<HEAD>... </HEAD> - заголовок документу
<TITLE> ...</TITLE> - служить для задання назви документу
і відображається на верхній рамці вікна броузера.
<BODY >...</BODY> -„тіло” , задає основну частину
документа.
Дескриптор (тега) – основний елемент кодування. Дескриптори можна задавати як строчними та і прописними буквами. Теги
обмежуються знаками “<” ,”>’.
Контейнер - це дескрипторна пара, яка складається з початкового і кінцевого дескрипторів (тегів) /
Атрибути – це додаткові ключові слова, які відокремлюються від ключового слова, що визначає дескриптор, пропуском і
розміщуються до символу “ >”.
Приклад тега з атрибутами:
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="rain.gif">
Атрибути
Створення HTML-сторінки
Запустити текстовий редактор Блокнот.
Ввести текст HTML- документа.
Зберегти під деяким іменем з розширенням *. html
При збереженні. У вікні „Сохранение документа» слід
поміняти тип файла з „Текстовые документи» на «все файлы»
інакше редактор у кінець назви файла автоматично додасть
розширення .txt
Відкрити створений файл у браузері.
заголовки (headings).
Вони позначаються буквою Н.
<h1 align=center>Проекти нашої школи</h1>
< h2 align=left>Наші роботи</h2>
< h3 align=right> Фотогалерея</h3>
<h4 align=center> Музичний калейдоскоп</h4>
< h5 align=left>Театральна студія</h5>
< h6 align=right> Підсумки роботи</h6>
Теги форматування тексту
<B> та </В> Напівжирне накреслення
<I> та </I> Курсивне накреслення
<U> та </U> Підкреслене
<S> та </S> Перекреслене
<SUP> та </SUP> Верхній індекс
<SUB> та </SUB> Нижній індекс
<P> абзац (<p align=center> , <p align=right>,
<p align=left>).
<BR> новий рядок
&nbsp пробіл

More Related Content

Similar to Поняття мови розмітки гіпертексту (20)

Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
 
24036
2403624036
24036
 
Html
HtmlHtml
Html
 
Verstka html
Verstka htmlVerstka html
Verstka html
 
Verstka html
Verstka htmlVerstka html
Verstka html
 
всі лр
всі лрвсі лр
всі лр
 
Html
HtmlHtml
Html
 
мова Html 10
мова Html 10мова Html 10
мова Html 10
 
4
44
4
 
створи сайт
створи сайтствори сайт
створи сайт
 
4
44
4
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
5
55
5
 
5
55
5
 
Html мова розмітки гіпертекстового документу
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документу
 
57,23.pdf
57,23.pdf57,23.pdf
57,23.pdf
 
Instrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторна
 
HTML- частина 1
HTML- частина 1HTML- частина 1
HTML- частина 1
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
 
Html1
Html1Html1
Html1
 

More from russoua

Для учасників НМТ 2024.ppt
Для учасників НМТ 2024.pptДля учасників НМТ 2024.ppt
Для учасників НМТ 2024.pptrussoua
 
Дергачівський ліцей №4_1.pptx
Дергачівський ліцей №4_1.pptxДергачівський ліцей №4_1.pptx
Дергачівський ліцей №4_1.pptxrussoua
 
NMT_2022_2023.pptx
NMT_2022_2023.pptxNMT_2022_2023.pptx
NMT_2022_2023.pptxrussoua
 
pidr22.pptx
pidr22.pptxpidr22.pptx
pidr22.pptxrussoua
 
16 днів проти насилля
16 днів проти насилля16 днів проти насилля
16 днів проти насилляrussoua
 
Наказ № 2 від 6.01.21
Наказ № 2 від 6.01.21Наказ № 2 від 6.01.21
Наказ № 2 від 6.01.21russoua
 
Наказ Мону 1646 від 28.12.19
Наказ Мону 1646 від 28.12.19Наказ Мону 1646 від 28.12.19
Наказ Мону 1646 від 28.12.19russoua
 
Звіт директора 2021
Звіт директора 2021Звіт директора 2021
Звіт директора 2021russoua
 
Екологічна акція "За чисте довкілля"
Екологічна акція "За чисте довкілля"Екологічна акція "За чисте довкілля"
Екологічна акція "За чисте довкілля"russoua
 
Навчання постійного складу в межах закладу освіти
Навчання постійного складу в межах закладу освітиНавчання постійного складу в межах закладу освіти
Навчання постійного складу в межах закладу освітиrussoua
 
День Землі
День ЗемліДень Землі
День Земліrussoua
 
День дитячої книги
День дитячої книгиДень дитячої книги
День дитячої книгиrussoua
 
Досвід роботи учителя української мови та літератури Оробченко А. М.
Досвід роботи учителя української мови та літератури Оробченко А. М.Досвід роботи учителя української мови та літератури Оробченко А. М.
Досвід роботи учителя української мови та літератури Оробченко А. М.russoua
 
Система роботи учителя фізичної культури Маслова М. О.
Система роботи учителя фізичної культури Маслова М. О.Система роботи учителя фізичної культури Маслова М. О.
Система роботи учителя фізичної культури Маслова М. О.russoua
 
Система роботи вчителя історії та правознавства Хатамової Л. С.
Система роботи вчителя історії та правознавства Хатамової Л. С.Система роботи вчителя історії та правознавства Хатамової Л. С.
Система роботи вчителя історії та правознавства Хатамової Л. С.russoua
 
Соціальні мережі у моєму житті
Соціальні мережі у моєму життіСоціальні мережі у моєму житті
Соціальні мережі у моєму життіrussoua
 
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...russoua
 
Видатні математики
Видатні математикиВидатні математики
Видатні математикиrussoua
 
День безпечного Інтернету
День безпечного ІнтернетуДень безпечного Інтернету
День безпечного Інтернетуrussoua
 
Особливості ЗНО-21
Особливості ЗНО-21Особливості ЗНО-21
Особливості ЗНО-21russoua
 

More from russoua (20)

Для учасників НМТ 2024.ppt
Для учасників НМТ 2024.pptДля учасників НМТ 2024.ppt
Для учасників НМТ 2024.ppt
 
Дергачівський ліцей №4_1.pptx
Дергачівський ліцей №4_1.pptxДергачівський ліцей №4_1.pptx
Дергачівський ліцей №4_1.pptx
 
NMT_2022_2023.pptx
NMT_2022_2023.pptxNMT_2022_2023.pptx
NMT_2022_2023.pptx
 
pidr22.pptx
pidr22.pptxpidr22.pptx
pidr22.pptx
 
16 днів проти насилля
16 днів проти насилля16 днів проти насилля
16 днів проти насилля
 
Наказ № 2 від 6.01.21
Наказ № 2 від 6.01.21Наказ № 2 від 6.01.21
Наказ № 2 від 6.01.21
 
Наказ Мону 1646 від 28.12.19
Наказ Мону 1646 від 28.12.19Наказ Мону 1646 від 28.12.19
Наказ Мону 1646 від 28.12.19
 
Звіт директора 2021
Звіт директора 2021Звіт директора 2021
Звіт директора 2021
 
Екологічна акція "За чисте довкілля"
Екологічна акція "За чисте довкілля"Екологічна акція "За чисте довкілля"
Екологічна акція "За чисте довкілля"
 
Навчання постійного складу в межах закладу освіти
Навчання постійного складу в межах закладу освітиНавчання постійного складу в межах закладу освіти
Навчання постійного складу в межах закладу освіти
 
День Землі
День ЗемліДень Землі
День Землі
 
День дитячої книги
День дитячої книгиДень дитячої книги
День дитячої книги
 
Досвід роботи учителя української мови та літератури Оробченко А. М.
Досвід роботи учителя української мови та літератури Оробченко А. М.Досвід роботи учителя української мови та літератури Оробченко А. М.
Досвід роботи учителя української мови та літератури Оробченко А. М.
 
Система роботи учителя фізичної культури Маслова М. О.
Система роботи учителя фізичної культури Маслова М. О.Система роботи учителя фізичної культури Маслова М. О.
Система роботи учителя фізичної культури Маслова М. О.
 
Система роботи вчителя історії та правознавства Хатамової Л. С.
Система роботи вчителя історії та правознавства Хатамової Л. С.Система роботи вчителя історії та правознавства Хатамової Л. С.
Система роботи вчителя історії та правознавства Хатамової Л. С.
 
Соціальні мережі у моєму житті
Соціальні мережі у моєму життіСоціальні мережі у моєму житті
Соціальні мережі у моєму житті
 
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...
Про організацію протидії та попередження булінгу в закладах освіти Дергачівсь...
 
Видатні математики
Видатні математикиВидатні математики
Видатні математики
 
День безпечного Інтернету
День безпечного ІнтернетуДень безпечного Інтернету
День безпечного Інтернету
 
Особливості ЗНО-21
Особливості ЗНО-21Особливості ЗНО-21
Особливості ЗНО-21
 

Recently uploaded

Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxOlgaDidenko6
 
Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класkrementsova09nadya
 
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfssuser15a891
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfhome
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»tetiana1958
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...JurgenstiX
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняAdriana Himinets
 
Проблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняПроблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняtetiana1958
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdfhome
 
Бомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяБомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяssuser0a4f48
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptssuser59e649
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptxssuserc301ed1
 

Recently uploaded (12)

Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
 
Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 клас
 
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповідання
 
Проблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняПроблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішення
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdf
 
Бомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяБомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентація
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
 

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

  • 2. HTML (Hyper Text Markup Language — мова гіпертекстової розмітки).ІСТОРІЯ HTML Дескриптор (тег) Контейнер Атрибути Структура HTML <HTML> <HEAD> <TITLE> назва веб-сторінки</TITLE> </HEAD> <BODY "> “ Тіло “- вміст веб-сторінки: текст, графіка, гіперпосилання. </BODY> </HTML> Контейнера <HTML>...</HTML> - ознака HTML- документа <HEAD>... </HEAD> - заголовок документу <TITLE> ...</TITLE> - служить для задання назви документу і відображається на верхній рамці вікна броузера. <BODY >...</BODY> -„тіло” , задає основну частину документа. Дескриптор (тега) – основний елемент кодування. Дескриптори можна задавати як строчними та і прописними буквами. Теги обмежуються знаками “<” ,”>’. Контейнер - це дескрипторна пара, яка складається з початкового і кінцевого дескрипторів (тегів) / Атрибути – це додаткові ключові слова, які відокремлюються від ключового слова, що визначає дескриптор, пропуском і розміщуються до символу “ >”. Приклад тега з атрибутами: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="rain.gif"> Атрибути
  • 3. Створення HTML-сторінки Запустити текстовий редактор Блокнот. Ввести текст HTML- документа. Зберегти під деяким іменем з розширенням *. html При збереженні. У вікні „Сохранение документа» слід поміняти тип файла з „Текстовые документи» на «все файлы» інакше редактор у кінець назви файла автоматично додасть розширення .txt Відкрити створений файл у браузері.
  • 4. заголовки (headings). Вони позначаються буквою Н. <h1 align=center>Проекти нашої школи</h1> < h2 align=left>Наші роботи</h2> < h3 align=right> Фотогалерея</h3> <h4 align=center> Музичний калейдоскоп</h4> < h5 align=left>Театральна студія</h5> < h6 align=right> Підсумки роботи</h6> Теги форматування тексту <B> та </В> Напівжирне накреслення <I> та </I> Курсивне накреслення <U> та </U> Підкреслене <S> та </S> Перекреслене <SUP> та </SUP> Верхній індекс <SUB> та </SUB> Нижній індекс <P> абзац (<p align=center> , <p align=right>, <p align=left>). <BR> новий рядок &nbsp пробіл