Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Другие методич. материалы / Основы языка HTML гипертекстовой разметки документов (10 класс)
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Основы языка HTML гипертекстовой разметки документов (10 класс)

Выберите документ из архива для просмотра:

Выбранный для просмотра документ osnovy-yazyka-razmetki-giperteksta-html.ppt

библиотека
материалов
ОСНОВЫ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML
HYPER TEXT MARKUP LANGUAGE (HTML) – ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТОВ....
ТЕГИ ЗАКЛЮЧАЮТСЯ В УГЛОВЫЕ СКОБКИ  И МОГУТ БЫТЬ ОДИНОЧНЫМИ ИЛИ ПАРНЫМИ. ПАРН...
НАЗВАНИЕ WEB-СТРАНИЦЫ 		 	 		 НА ЭТОЙ СТРАНИЦЕ МОЖНО РАЗМЕСТИТЬ ЛЮБУЮ...
ПРИМЕР HTML-КОДА  	 		МОЯ ПЕРВАЯ ИНТЕРНЕТ-СТРАНИЧКА! 	 	 	ЭТО МОЯ ПЕРВАЯ ПРОБ...
НЕКОТОРЫЕ ТЕГИ ИМЕЮТ АТРИБУТЫ, КОТОРЫЕ ЯВЛЯЮТСЯ ИМЕНАМИ СВОЙСТВ И МОГУТ ПРИН...
АТРИБУТЫ ФОНА WEB-СТРАНИЦЫ АТРИБУТ ЦВЕТА WEB-СТРАНИЦЫ  АТРИБУТ ВСТАВКИ ФОНОВО...
ПРИМЕР КОДА  ЗАГОЛОВОК 1-ГО УРОВНЯ ЗАГОЛОВОК 2-ГО УРОВНЯ ЗАГОЛОВОК 3-ГО УРОВН...
ТЕГИ И АТРИБУТЫ ФОРМАТИРОВАНИЯ ТЕКСТА НА WEB-СТРАНИЦЕ … ДО … ТЕГ РАЗМЕРА ШРИФ...
ТЕГ И АТРИБУТ ВСТАВКИ ИЗОБРАЖЕНИЙ НА WEB-СТРАНИЦЕ
ПРИМЕР КОДА     ЗАГОЛОВОК 1-ГО УРОВНЯ ССЫЛКА НА ЭТУ СТРАНИЦУ
ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ СПИСКОВ НА WEB-СТРАНИЦЕ … КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ...
ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ ИНТЕРАКТИВНЫХ ФОРМ НА WEB-СТРАНИЦЕ … КОНТЕЙНЕР Д...
13 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 ОСНОВЫ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML
Описание слайда:

ОСНОВЫ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML

№ слайда 2 HYPER TEXT MARKUP LANGUAGE (HTML) – ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТОВ.
Описание слайда:

HYPER TEXT MARKUP LANGUAGE (HTML) – ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТОВ. WEB-СТРАНИЦЫ МОЖНО СОЗДАТЬ С ПОМОЩЬЮ ЯЗЫКА HTML В ОБЫЧНЫЙ ДОКУМЕНТ ВСТАВЛЯЮТСЯ УПРАВЛЯЮЩИЕ СИМВОЛЫ - HTML-ТЕГИ, КОТОРЫЕ ОПРЕДЕЛЯЮТ ВИД WEB-СТРАНИЦЫ ПРИ ЕЁ ПРОСМОТРЕ В БРАУЗЕРЕ.

№ слайда 3 ТЕГИ ЗАКЛЮЧАЮТСЯ В УГЛОВЫЕ СКОБКИ  И МОГУТ БЫТЬ ОДИНОЧНЫМИ ИЛИ ПАРНЫМИ. ПАРН
Описание слайда:

ТЕГИ ЗАКЛЮЧАЮТСЯ В УГЛОВЫЕ СКОБКИ <> И МОГУТ БЫТЬ ОДИНОЧНЫМИ ИЛИ ПАРНЫМИ. ПАРНЫЕ ТЕГИ СОДЕРЖАТ ОТКРЫВАЮЩИЙ И ЗАКРЫВАЮЩИЙ ТЕГИ (КОНТЕЙНЕР). НАПРИМЕР, КОД WEB-СТРАНИЦЫ ПОМЕЩАЕТСЯ ВНУТРЬ КОНТЕЙНЕРА <HTML>… </HTML> ТЕГИ МОГУТ ЗАПИСЫВАТЬСЯ КАК ПРОПИСНЫМИ, ТАК И СТРОЧНЫМИ БУКВАМИ.

№ слайда 4 НАЗВАНИЕ WEB-СТРАНИЦЫ 		 	 		 НА ЭТОЙ СТРАНИЦЕ МОЖНО РАЗМЕСТИТЬ ЛЮБУЮ
Описание слайда:

<HTML> <HEAD> <TITLE> НАЗВАНИЕ WEB-СТРАНИЦЫ </TITLE> </HEAD> <BODY АТРИБУТЫ> НА ЭТОЙ СТРАНИЦЕ МОЖНО РАЗМЕСТИТЬ ЛЮБУЮ ИНТЕРЕСНУЮ ИНФОРМАЦИЮ В ИНТЕРНЕТЕ. </BODY> </HTML>

№ слайда 5 ПРИМЕР HTML-КОДА  	 		МОЯ ПЕРВАЯ ИНТЕРНЕТ-СТРАНИЧКА! 	 	 	ЭТО МОЯ ПЕРВАЯ ПРОБ
Описание слайда:

ПРИМЕР HTML-КОДА <HTML> <HEAD> <ТIТLЕ>МОЯ ПЕРВАЯ ИНТЕРНЕТ-СТРАНИЧКА!</TITLE> </HEAD> <BODY> ЭТО МОЯ ПЕРВАЯ ПРОБА СИЛ В WEB-ДИЗАЙНЕ. МОЖЕТ БЫТЬ, СТРАНИЧКА ПОКА ЕЩЕ ПОЛУЧИЛАСЬ НЕ ОЧЕНЬ КРАСИВОЙ, НО ВЕДЬ ОНА РАБОТАЕТ!!! </BODY> </HTML>

№ слайда 6 НЕКОТОРЫЕ ТЕГИ ИМЕЮТ АТРИБУТЫ, КОТОРЫЕ ЯВЛЯЮТСЯ ИМЕНАМИ СВОЙСТВ И МОГУТ ПРИН
Описание слайда:

НЕКОТОРЫЕ ТЕГИ ИМЕЮТ АТРИБУТЫ, КОТОРЫЕ ЯВЛЯЮТСЯ ИМЕНАМИ СВОЙСТВ И МОГУТ ПРИНИМАТЬ ОПРЕДЕЛЁННЫЕ ЗНАЧЕНИЯ И ВЛИЯЮТ НА ВНЕШНИЙ ВИД WEB-СТРАНИЦЫ. НАПРИМЕР, <FONT COLOR=“BLUE”> <H1 ALIGN=“CENTER”> МОЁ ИМЯ – МАРИНА </H1> </FONT>

№ слайда 7 АТРИБУТЫ ФОНА WEB-СТРАНИЦЫ АТРИБУТ ЦВЕТА WEB-СТРАНИЦЫ  АТРИБУТ ВСТАВКИ ФОНОВО
Описание слайда:

АТРИБУТЫ ФОНА WEB-СТРАНИЦЫ АТРИБУТ ЦВЕТА WEB-СТРАНИЦЫ <BODY BGCOLOR=#FFF8DC> АТРИБУТ ВСТАВКИ ФОНОВОГО РИСУНКА WEB-СТРАНИЦЫ <BODY BACKGROUND="NATURE_02.JPG”>

№ слайда 8 ПРИМЕР КОДА  ЗАГОЛОВОК 1-ГО УРОВНЯ ЗАГОЛОВОК 2-ГО УРОВНЯ ЗАГОЛОВОК 3-ГО УРОВН
Описание слайда:

ПРИМЕР КОДА <BODY TEXT = "GREEN" BGCOLOR = "YELLOW"> <H1>ЗАГОЛОВОК 1-ГО УРОВНЯ</H1> <H2>ЗАГОЛОВОК 2-ГО УРОВНЯ</H2> <H3>ЗАГОЛОВОК 3-ГО УРОВНЯ</H3> <H4>ЗАГОЛОВОК 4-ГО УРОВНЯ</H4> <H5>ЗАГОЛОВОК 5-ГО УРОВНЯ</H5> <H6>ЗАГОЛОВОК 6-ГО УРОВНЯ</H6> </BODY> </HTML>

№ слайда 9 ТЕГИ И АТРИБУТЫ ФОРМАТИРОВАНИЯ ТЕКСТА НА WEB-СТРАНИЦЕ … ДО … ТЕГ РАЗМЕРА ШРИФ
Описание слайда:

ТЕГИ И АТРИБУТЫ ФОРМАТИРОВАНИЯ ТЕКСТА НА WEB-СТРАНИЦЕ <H1>…</H1> ДО <H6>…</Y6> ТЕГ РАЗМЕРА ШРИФТА ЗАГОЛОВКОВ <FONT>…</FONT> ТЕГ ФОРМАТИРОВАНИЯ ШРИФТА FACE=“ARIAL” АТРИБУТ ЗАДАНИЯ ГАРНИТУРЫ ШРИФТА SIZE=4 АТРИБУТ ЗАДАНИЯ РАЗМЕРА ШРИФТА COLOR=“RED” АТРИБУТ ЗАДАНИЯ ЦВЕТА ШРИФТА ALIGN=“LEFT” АТРИБУТ ЗАДАНИЯ ВЫРАВНИВАНИЯ ТЕКСТА <HR> ТЕГ ДЛЯ СОЗДАНИЯ ГОРИЗОНТАЛЬНОЙ ЛИНИИ <P>…</P> КОНТЕЙНЕР ДЛЯ РАЗДЕЛЕНИЯ ТЕКСТА НА АБЗАЦЫ

№ слайда 10 ТЕГ И АТРИБУТ ВСТАВКИ ИЗОБРАЖЕНИЙ НА WEB-СТРАНИЦЕ
Описание слайда:

ТЕГ И АТРИБУТ ВСТАВКИ ИЗОБРАЖЕНИЙ НА WEB-СТРАНИЦЕ <IMG SRC=“COMPUTER.GIF”> <IMG SRC=“C:\COMPUTER\COMPUTER.GIF”> <IMG SRC=“HTTP://WWW.SERVER.RU/COMPUTER.GIF”>

№ слайда 11 ПРИМЕР КОДА     ЗАГОЛОВОК 1-ГО УРОВНЯ ССЫЛКА НА ЭТУ СТРАНИЦУ
Описание слайда:

ПРИМЕР КОДА <HTML> <HEAD> </HEAD> <BODY TEXT = "GREEN" BGCOLOR = "YELLOW" LINK = "GREEN" VLINK = "RED" ALINK = "BLUE"> <H1>ЗАГОЛОВОК 1-ГО УРОВНЯ</H1> <A TARGET = "_NEW" HREF = "INDEX.HTML" TITLE = "ССЫЛКА">ССЫЛКА НА ЭТУ СТРАНИЦУ</A> <BR> <IMG SRC = "ВОДЯНЫЕ ЛИЛИИ.JPG" ALT = "КАРТИНКА" WIDTH = "100" HEIGHT = "100"> </BODY> </HTML>

№ слайда 12 ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ СПИСКОВ НА WEB-СТРАНИЦЕ … КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ
Описание слайда:

ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ СПИСКОВ НА WEB-СТРАНИЦЕ <OL>…</OL> КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ НУМЕРОВАННЫХ СПИСКОВ <LI> ТЕГ ЭЛЕМЕНТА СПИСКА <UL>…</UL> КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ МАРКИРОВАННОГО СПИСКА <LI> ТЕГ ЭЛЕМЕНТА СПИСКА <DL>…</DL> КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ СПИСКА ТЕРМИНОВ <DT> ТЕГ ДЛЯ СОЗДАНИЯ ТЕРМИНА <DD> ТЕГ ДЛЯ СОЗДАНИЯ ОПРЕДЕЛЕНИЯ

№ слайда 13 ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ ИНТЕРАКТИВНЫХ ФОРМ НА WEB-СТРАНИЦЕ … КОНТЕЙНЕР Д
Описание слайда:

ТЕГИ И АТРИБУТЫ ДЛЯ СОЗДАНИЯ ИНТЕРАКТИВНЫХ ФОРМ НА WEB-СТРАНИЦЕ <FORM>…</FORM> КОНТЕЙНЕР ДЛЯ СОЗДАНИЯ ФОРМЫ ТЕГ <INPUT> СО ЗНАЧЕНИЕМ АТРИБУТА TYPE=“TEXT” СОЗДАЮТ ТЕКСТОВОЕ ПОЛЕ ТЕГ <INPUT> СО ЗНАЧЕНИЕМ АТРИБУТА TYPE=“RADIO” СОЗДАЮТ ГРУППУ ПЕРЕКЛЮЧАТЕЛЕЙ ТЕГ <INPUT> СО ЗНАЧЕНИЕМ АТРИБУТА TYPE=“CHECKBOX” СОЗДАЮТ ФЛАЖКИ <SELECT> …</SELECT> КОНТЕЙНЕР ДЛЯ РЕАЛИЗАЦИИ РАСКРЫВАЮЩЕГО СПИСКА <OPTION> ТЕГ ЭЛЕМЕНТА СПИСКА


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 23.04.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров140
Номер материала ДБ-049367
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх