Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Основы языка HTML гипертекстовой разметки документов (10 класс)

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

Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy


СВИДЕТЕЛЬСТВО СРАЗУ ПОСЛЕ ПРОСМОТРА ВЕБИНАРА

Вебинар «Подростковая лень: причины, способы борьбы»

Просмотр и заказ свидетельств доступен только до 22 января! На свидетельстве будет указано 2 академических часа и данные о наличии образовательной лицензии у организатора, что поможет Вам качественно пополнить собственное портфолио для аттестации.

Получить свидетельство за вебинар - https://infourok.ru/webinar/65.html

  • Информатика

Название документа 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 из 13

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

№ слайда 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> ТЕГ ЭЛЕМЕНТА СПИСКА

Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

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

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

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

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

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

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests

Похожие материалы

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