🗊Презентация Мова розмітки гіпертексту - мова HTML

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Мова розмітки гіпертексту - мова HTML, слайд №1Мова розмітки гіпертексту - мова HTML, слайд №2Мова розмітки гіпертексту - мова HTML, слайд №3Мова розмітки гіпертексту - мова HTML, слайд №4Мова розмітки гіпертексту - мова HTML, слайд №5Мова розмітки гіпертексту - мова HTML, слайд №6Мова розмітки гіпертексту - мова HTML, слайд №7Мова розмітки гіпертексту - мова HTML, слайд №8Мова розмітки гіпертексту - мова HTML, слайд №9Мова розмітки гіпертексту - мова HTML, слайд №10Мова розмітки гіпертексту - мова HTML, слайд №11Мова розмітки гіпертексту - мова HTML, слайд №12Мова розмітки гіпертексту - мова HTML, слайд №13Мова розмітки гіпертексту - мова HTML, слайд №14Мова розмітки гіпертексту - мова HTML, слайд №15Мова розмітки гіпертексту - мова HTML, слайд №16Мова розмітки гіпертексту - мова HTML, слайд №17Мова розмітки гіпертексту - мова HTML, слайд №18Мова розмітки гіпертексту - мова HTML, слайд №19Мова розмітки гіпертексту - мова HTML, слайд №20Мова розмітки гіпертексту - мова HTML, слайд №21Мова розмітки гіпертексту - мова HTML, слайд №22Мова розмітки гіпертексту - мова HTML, слайд №23Мова розмітки гіпертексту - мова HTML, слайд №24Мова розмітки гіпертексту - мова HTML, слайд №25
Скачать
Вы можете ознакомиться и скачать презентацию на тему Мова розмітки гіпертексту - мова HTML. Доклад-сообщение содержит 25 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Мова розмітки гіпертексту - мова HTML, слайд №1
Описание слайда:

Слайд 2


Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера. Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера. Мова HTML була запропонована Тімом Бернерсом-Лі у 1989р., як один з компонентів технології розробки системи WWW для опису того, як має виглядати документ. Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами.
Описание слайда:
Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера. Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера. Мова HTML була запропонована Тімом Бернерсом-Лі у 1989р., як один з компонентів технології розробки системи WWW для опису того, як має виглядати документ. Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами.

Слайд 3


Сукупність тегів і правил їх використання називається мовою HTML (HyperText Markup Language —мова розмітки гіпертексту). Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом. Ім'я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер, є Web-сторінкою, яка переглядається за допомогою Web-броузера.
Описание слайда:
Сукупність тегів і правил їх використання називається мовою HTML (HyperText Markup Language —мова розмітки гіпертексту). Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом. Ім'я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер, є Web-сторінкою, яка переглядається за допомогою Web-броузера.

Слайд 4


1.Створити файл типу «Текстовий документ» 1.Створити файл типу «Текстовий документ» 2. Набрати в ньому код HTML-документа (Web-страницы) 3.Відкрити меню «Файл» і вибрати в пункт «Зберегти як…» 4. У вікні, що з'явилося, навпроти «Ім'я файлу» ввести ім'я файлу (наприклад, своє прізвище латинськими буквами) і через крапку вказати розширення htm. Натиснути кнопку «Зберегти». 5.відкрийте цей файл за допомогою браузера.
Описание слайда:
1.Створити файл типу «Текстовий документ» 1.Створити файл типу «Текстовий документ» 2. Набрати в ньому код HTML-документа (Web-страницы) 3.Відкрити меню «Файл» і вибрати в пункт «Зберегти як…» 4. У вікні, що з'явилося, навпроти «Ім'я файлу» ввести ім'я файлу (наприклад, своє прізвище латинськими буквами) і через крапку вказати розширення htm. Натиснути кнопку «Зберегти». 5.відкрийте цей файл за допомогою браузера.

Слайд 5


Мова розмітки гіпертексту - мова HTML, слайд №5
Описание слайда:

Слайд 6


це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < > це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < > кінцевий тег має символ / бувають парні та непарні (елементи, створені парними, називаються контейнерами.
Описание слайда:
це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < > це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < > кінцевий тег має символ / бувають парні та непарні (елементи, створені парними, називаються контейнерами.

Слайд 7


задають правила форматування тексту; задають правила форматування тексту; визначають межі дії елементу; відокремлюють один елемент від іншого.
Описание слайда:
задають правила форматування тексту; задають правила форматування тексту; визначають межі дії елементу; відокремлюють один елемент від іншого.

Слайд 8


1. Структурні – це елементи, які обов'язкові для HTML-документа 1. Структурні – це елементи, які обов'язкові для HTML-документа 2. Блокові – це елементи, які призначені для форматування текстових блоків 3. Текстові – це елементи, які задають… розмітку шрифту, розмітку тексту 4. Спеціальні – це елементи порожнього рядка, якірний елемент, упроваджені елементи, елементи таблиці.
Описание слайда:
1. Структурні – це елементи, які обов'язкові для HTML-документа 1. Структурні – це елементи, які обов'язкові для HTML-документа 2. Блокові – це елементи, які призначені для форматування текстових блоків 3. Текстові – це елементи, які задають… розмітку шрифту, розмітку тексту 4. Спеціальні – це елементи порожнього рядка, якірний елемент, упроваджені елементи, елементи таблиці.

Слайд 9


<HTML>…</HTML> – початок та кінець документа. <HTML>…</HTML> – початок та кінець документа. <HEAD>…</HEAD> – початок та кінець заголовка. <TITLE>…</TITLE> – текст між даними тегами інтерпретується, як назва сторінки і відображається в рядку заголовка вікна браузера. <BODY>…</BODY> – містить оформлення гіпертексту для відображення браузером, цю частину називають тілом документа.
Описание слайда:
<HTML>…</HTML> – початок та кінець документа. <HTML>…</HTML> – початок та кінець документа. <HEAD>…</HEAD> – початок та кінець заголовка. <TITLE>…</TITLE> – текст між даними тегами інтерпретується, як назва сторінки і відображається в рядку заголовка вікна браузера. <BODY>…</BODY> – містить оформлення гіпертексту для відображення браузером, цю частину називають тілом документа.

Слайд 10


<! DOCTYPE> – службова інформація для браузера <! DOCTYPE> – службова інформація для браузера <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY > ……………... ……………… </BODY> </HTML>
Описание слайда:
<! DOCTYPE> – службова інформація для браузера <! DOCTYPE> – службова інформація для браузера <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY > ……………... ……………… </BODY> </HTML>

Слайд 11


Параметри тега BODY Параметри тега BODY BACKGROUND =" d: \my web\picture 1. gpj" Задає шлях до картинки для тла BGCOLOR = "white" Задає білий колір тла, якщо  не використовується тло-картинка BGPROPERTIES = "fixed" Фонове зображення не прокручується TEXT = "black" Задає колір тексту (тут чорний) на сторінці
Описание слайда:
Параметри тега BODY Параметри тега BODY BACKGROUND =" d: \my web\picture 1. gpj" Задає шлях до картинки для тла BGCOLOR = "white" Задає білий колір тла, якщо  не використовується тло-картинка BGPROPERTIES = "fixed" Фонове зображення не прокручується TEXT = "black" Задає колір тексту (тут чорний) на сторінці

Слайд 12


Створення заголовків (Headings) <Ні>... </Ні> Створення заголовків (Headings) <Ні>... </Ні> <HTML> <HEAD><TITLE> Приклади різнорівневих заголовків </TITLE></НЕАD> <BODY> <H1>Приклад заголовку розміру Н1 </H1> <H2>Приклад заголовку розміру Н2 </H2> <H3>Приклад заголовку розміру Н3 </H3> <H4>Приклад заголовку розміру Н4 </H4> <H5>Приклад заголовку розміру Н5 </H5> <H6>Приклад заголовку розміру Н6 </H6> </BODY></HTML>
Описание слайда:
Створення заголовків (Headings) <Ні>... </Ні> Створення заголовків (Headings) <Ні>... </Ні> <HTML> <HEAD><TITLE> Приклади різнорівневих заголовків </TITLE></НЕАD> <BODY> <H1>Приклад заголовку розміру Н1 </H1> <H2>Приклад заголовку розміру Н2 </H2> <H3>Приклад заголовку розміру Н3 </H3> <H4>Приклад заголовку розміру Н4 </H4> <H5>Приклад заголовку розміру Н5 </H5> <H6>Приклад заголовку розміру Н6 </H6> </BODY></HTML>

Слайд 13


Абзаци (Paragraphs) <Р>... </Р> Абзаци (Paragraphs) <Р>... </Р> Для того, щоб розділити текст на абзаци, використовують парний тег <Р>. Все що знаходиться між <Р> і </Р> складає один абзац (тег </Р> необов'язковий). Абзаци відокремлюються порожніми рядками. Теги вирівнювання: <CENTER> елемент </CENTER> Вирівнювання до центру <LEFT> елемент </LEFT> Вирівнювання до лівого краю <RIGHT> елемент </RIGHT> Вирівнювання до правого краю
Описание слайда:
Абзаци (Paragraphs) <Р>... </Р> Абзаци (Paragraphs) <Р>... </Р> Для того, щоб розділити текст на абзаци, використовують парний тег <Р>. Все що знаходиться між <Р> і </Р> складає один абзац (тег </Р> необов'язковий). Абзаци відокремлюються порожніми рядками. Теги вирівнювання: <CENTER> елемент </CENTER> Вирівнювання до центру <LEFT> елемент </LEFT> Вирівнювання до лівого краю <RIGHT> елемент </RIGHT> Вирівнювання до правого краю

Слайд 14


Мова розмітки гіпертексту - мова HTML, слайд №14
Описание слайда:

Слайд 15


Теги форматування символів тексту (вони парні): Теги форматування символів тексту (вони парні):
Описание слайда:
Теги форматування символів тексту (вони парні): Теги форматування символів тексту (вони парні):

Слайд 16


Мова розмітки гіпертексту - мова HTML, слайд №16
Описание слайда:

Слайд 17


Мова розмітки гіпертексту - мова HTML, слайд №17
Описание слайда:

Слайд 18


Мова розмітки гіпертексту - мова HTML, слайд №18
Описание слайда:

Слайд 19


Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш: Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш: <HTML> <HEAD><TITLE> Мій улюблений вірш </TITLE></НЕАD> <BODY> <CENTER><H1>Причина</H1></CENTER> <H2 ALIGN=RIGHT>Тарас Шевченко</Н2> <H3> <p ALIGN=LEFT> Реве та стогне Дніпр широкий,<BR> Сердитий вітер завива,<BR> Додолу верби гне високі,<BR> Горами хвилі підійма...</р> <H3> <HR ALIGN=CENTER WIDTH=75% SIZE=5 COLOR=RED > </BODY></HTML>
Описание слайда:
Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш: Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш: <HTML> <HEAD><TITLE> Мій улюблений вірш </TITLE></НЕАD> <BODY> <CENTER><H1>Причина</H1></CENTER> <H2 ALIGN=RIGHT>Тарас Шевченко</Н2> <H3> <p ALIGN=LEFT> Реве та стогне Дніпр широкий,<BR> Сердитий вітер завива,<BR> Додолу верби гне високі,<BR> Горами хвилі підійма...</р> <H3> <HR ALIGN=CENTER WIDTH=75% SIZE=5 COLOR=RED > </BODY></HTML>

Слайд 20


Мова розмітки гіпертексту - мова HTML, слайд №20
Описание слайда:

Слайд 21


Мова розмітки гіпертексту - мова HTML, слайд №21
Описание слайда:

Слайд 22


Мова розмітки гіпертексту - мова HTML, слайд №22
Описание слайда:

Слайд 23


Мова розмітки гіпертексту - мова HTML, слайд №23
Описание слайда:

Слайд 24


Мова розмітки гіпертексту - мова HTML, слайд №24
Описание слайда:

Слайд 25


Мова розмітки гіпертексту - мова HTML, слайд №25
Описание слайда:

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию