Презентация Мова розмітки гіпертексту - мова HTML онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Мова розмітки гіпертексту - мова HTML абсолютно бесплатно. Урок-презентация на эту тему содержит всего 25 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:25 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:1.62 MB
- Просмотров:52
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда:
№2 слайд
Содержание слайда: Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера.
Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера.
Мова HTML була запропонована Тімом Бернерсом-Лі у 1989р., як один з компонентів технології розробки системи WWW для опису того, як має виглядати документ.
Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами.
№3 слайд
Содержание слайда: Сукупність тегів і правил їх використання називається мовою HTML (HyperText Markup Language —мова розмітки гіпертексту).
Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.
Ім'я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер, є Web-сторінкою, яка переглядається за допомогою Web-броузера.
№4 слайд
Содержание слайда: 1.Створити файл типу «Текстовий документ»
1.Створити файл типу «Текстовий документ»
2. Набрати в ньому код HTML-документа (Web-страницы)
3.Відкрити меню «Файл» і вибрати в пункт «Зберегти як…»
4. У вікні, що з'явилося, навпроти «Ім'я файлу» ввести ім'я файлу (наприклад, своє прізвище латинськими буквами) і через крапку вказати розширення htm. Натиснути кнопку «Зберегти».
5.відкрийте цей файл за допомогою браузера.
№5 слайд
Содержание слайда:
№6 слайд
Содержание слайда: це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < >
це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < >
кінцевий тег має символ /
бувають парні та непарні (елементи, створені парними, називаються контейнерами.
№7 слайд
Содержание слайда: задають правила форматування тексту;
задають правила форматування тексту;
визначають межі дії елементу;
відокремлюють один елемент від іншого.
№8 слайд
Содержание слайда: 1. Структурні – це елементи, які обов'язкові для HTML-документа
1. Структурні – це елементи, які обов'язкові для HTML-документа
2. Блокові – це елементи, які призначені для форматування текстових блоків
3. Текстові – це елементи, які задають…
розмітку шрифту, розмітку тексту
4. Спеціальні – це елементи порожнього рядка,
якірний елемент, упроваджені
елементи, елементи таблиці.
№9 слайд
Содержание слайда: <HTML>…</HTML> – початок та кінець документа.
<HTML>…</HTML> – початок та кінець документа.
<HEAD>…</HEAD> – початок та кінець заголовка.
<TITLE>…</TITLE> – текст між даними тегами інтерпретується, як назва сторінки і відображається в рядку заголовка вікна браузера.
<BODY>…</BODY> – містить оформлення гіпертексту для відображення браузером, цю частину називають тілом документа.
№10 слайд
Содержание слайда: <! 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"
Задає колір тексту (тут чорний) на сторінці
№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>
№13 слайд
Содержание слайда: Абзаци (Paragraphs) <Р>... </Р>
Абзаци (Paragraphs) <Р>... </Р>
Для того, щоб розділити текст на абзаци, використовують парний тег <Р>. Все що знаходиться між <Р> і </Р> складає один абзац (тег </Р> необов'язковий). Абзаци відокремлюються порожніми рядками.
Теги вирівнювання:
<CENTER> елемент </CENTER>
Вирівнювання до центру
<LEFT> елемент </LEFT>
Вирівнювання до лівого краю
<RIGHT> елемент </RIGHT>
Вирівнювання до правого краю
№14 слайд
Содержание слайда:
№15 слайд
Содержание слайда: Теги форматування символів тексту (вони парні):
Теги форматування символів тексту (вони парні):
№16 слайд
Содержание слайда:
№17 слайд
Содержание слайда:
№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>
№20 слайд
Содержание слайда:
№21 слайд
Содержание слайда:
№22 слайд
Содержание слайда:
№23 слайд
Содержание слайда:
№24 слайд
Содержание слайда:
№25 слайд
Содержание слайда:
Скачать все slide презентации Мова розмітки гіпертексту - мова HTML одним архивом:
