489792
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

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

Основы языка 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-СТРАНИЦЕ … КОНТЕЙНЕР Д...

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

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> ТЕГ ЭЛЕМЕНТА СПИСКА

Общая информация

Номер материала: ДБ-049367

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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