PPt4Web Хостинг презентаций

Главная / Информатика / Основы языка разметки гипертекста HTML
X Код для использования на сайте:

Скопируйте этот код и вставьте его на свой сайт

X

Чтобы скачать данную презентацию, порекомендуйте, пожалуйста, её своим друзьям в любой соц. сети.

После чего скачивание начнётся автоматически!

Кнопки:

Презентация на тему: Основы языка разметки гипертекста HTML


Скачать эту презентацию

Презентация на тему: Основы языка разметки гипертекста HTML


Скачать эту презентацию



№ слайда 1 Основы языка разметки гипертекста HTML Из опыта работыЕрмаковой Вероники Викенть
Описание слайда:

Основы языка разметки гипертекста HTML Из опыта работыЕрмаковой Вероники Викентьевны учителя информатики МОУ СОШ № 19 г. Белово

№ слайда 2 Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-
Описание слайда:

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.

№ слайда 3 Теги заключаются в угловые скобки  и могут быть одиночными или парными. Парные т
Описание слайда:

Теги заключаются в угловые скобки <> и могут быть одиночными или парными. Парные теги содержат открывающий и закрывающий теги (контейнер).Например, код Web-страницы помещается внутрь контейнера <HTML>… </HTML> Теги могут записываться как прописными, так и строчными буквами.

№ слайда 4 Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимат
Описание слайда:

Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы.Например, <FONT COLOR=“blue”> <H1 ALIGN=“center”> Моё имя – Марина </H1> </FONT>

№ слайда 5 Структура Web-страницы  Название Web-страницы На этой странице можно разместить
Описание слайда:

Структура Web-страницы <HTML><HEAD><TITLE> Название Web-страницы </TITLE></HEAD><BODY атрибуты>На этой странице можно разместить любую интересную информацию в Интернете.</BODY></HTML>

№ слайда 6 Создание Web-страницы Создать личную папку.Создать в блокноте шаблон HTML-докуме
Описание слайда:

Создание Web-страницы Создать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.Сохранить файл под именем Шаблон.txt в личной папке.Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.Сохранить файл под именем index.htm в личной папке.

№ слайда 7 Создание Web-страницы Для редактирования файла index.htm необходимо выполнить сл
Описание слайда:

Создание Web-страницы Для редактирования файла index.htm необходимо выполнить следующие действия:

№ слайда 8 Атрибуты фона Web-страницы Атрибут цвета Web-страницыАтрибут вставки фонового ри
Описание слайда:

Атрибуты фона Web-страницы Атрибут цвета Web-страницы<BODY bgcolor=#FFF8DC>Атрибут вставки фонового рисунка Web-страницы<BODY background="Nature_02.jpg”>

№ слайда 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 Теги и атрибуты гиперссылки на Web-странице Указатель тег с атрибутом для создан
Описание слайда:

Теги и атрибуты гиперссылки на Web-странице <A HREF=“Адрес”>Указатель</A> тег с атрибутом для создания гиперссылки<ADDRESS>…</ADDRESS> контейнер для создания гиперссылки на адрес электронной почты

№ слайда 12 Для связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введ
Описание слайда:

Для связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён в обращение Тедом Нельсоном в 1965 году для описания документов, которые выражают нелинейную структуру идей.Гипертекст - это способ организации текстовой информации, внутри которой установлены смысловые связи между её различными фрагментами. Такие связи называют гиперсвязями, а место в тексте, обеспечивающее гиперсвязь, гиперссылкой.

№ слайда 13 Теги и атрибуты для создания списков на Web-странице … контейнер для создания ну
Описание слайда:

Теги и атрибуты для создания списков на Web-странице <OL>…</OL> контейнер для создания нумерованных списков <LI> тег элемента списка<UL>…</UL> контейнер для создания маркированного списка <LI> тег элемента списка<DL>…</Dl> контейнер для создания списка терминов <DT> тег для создания термина <DD> тег для создания определения

№ слайда 14 Теги и атрибуты для создания интерактивных форм на Web-странице … контейнер для
Описание слайда:

Теги и атрибуты для создания интерактивных форм на Web-странице <FORM>…</FORM> контейнер для создания формыТег <INPUT> со значением атрибута TYPE=“text” создают текстовое полеТег <INPUT> со значением атрибута TYPE=“radio” создают группу переключателейТег <INPUT> со значением атрибута TYPE=“checkbox” создают флажки<SELECT> …</SELECT> контейнер для реализации раскрывающего списка <OPTION> тег элемента списка

№ слайда 15 Практическая работа на ПК«Создание Web-страницы с использованием знаний языка ра
Описание слайда:

Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки гипертекста HTML»

№ слайда 16 Тест по теме «Основы языка разметки гипертекста»
Описание слайда:

Тест по теме «Основы языка разметки гипертекста»

№ слайда 17 1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205. 2
Описание слайда:

1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205. 2) Творческое задание (по желанию) - создать минисайт с помощью HTML -языка на свободную тему.

№ слайда 18 1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки
Описание слайда:

1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров. - Новокузнецк, 2003.2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008

Скачать эту презентацию


Презентации по предмету
Презентации из категории
Лучшее на fresher.ru