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

Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняAdriana Himinets
 
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfssuser54595a
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»tetiana1958
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяAdriana Himinets
 
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»tetiana1958
 

Recently uploaded (8)

Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповідання
 
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
 
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
 
Її величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.pptxЇї величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.pptx
 
Віртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptxВіртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.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 пробіл