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

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


Здесь Вы можете скачать готовую презентацию на тему Основы языка разметки гипертекста HTML. Предмет презентации: Информатика. Красочные слайды и илюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого презентации воспользуйтесь плеером, или если вы хотите скачать презентацию - нажмите на соответствующий текст под плеером. Презентация содержит 17 слайдов.

Слайды презентации

Слайд 1
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ № 19 г. Белово Основы языка разметки гипертекста HTML
Слайд 2
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- страницы страницы <HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY атрибуты> На этой странице можно разместить любую интересную информацию в Интернете. </BODY> </HTML> Назад
Слайд 6
Создание Создание Web- Web- страницы страницы 1. Создать личную папку. 2. Создать в блокноте шаблон HTML - документа, набрав HTML- код страницы. 3. Сохранить файл под именем Шаблон .txt в личной папке. 4. Открыть файл Шаблон .txt и внести необходимую информацию, используя теги и их атрибуты. 5. Сохранить файл под именем index.htm в личной папке.
Слайд 7
Создание Создание Web- Web- страницы страницы Для редактирования файла index.htm необходимо выполнить следующие действия:
Слайд 8
Атрибуты фона Атрибуты фона 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 -странице -странице <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> тег элемента списка Пример
Слайд 14
Практическая работа на ПК «Создание Web -страницы с использованием знаний языка разметки гипертекста HTML » Web -страница HTML -код страницы
Слайд 15
Тест по теме «Основы языка разметки гипертекста» Проверь свои знания Проверь свои знания
Слайд 16
Домашнее задание Домашнее задание 1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205. 2) Творческое задание (по желанию) - создать минисайт с помощью HTML - языка на свободную тему.
Слайд 17
Использованные источники Использованные источники 1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров. - Новокузнецк, 2003. 2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008

Другие презентации по информатике



  • Яндекс.Метрика
  • Рейтинг@Mail.ru