Основы языка HTML Язык разметки гипертекста. Цели урока: Изучить структуру Web-документа; Познакомиться с основными командами форматирования; Научиться.

Презентация:



Advertisements
Похожие презентации
Правила поведения Правила поведения Давайте вспомним как нужно правильно вести себя в компьютерном классе. Хочется верить, что компьютер стал вашим помощником.
Advertisements

Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Hyper Text Markup Language Язык разметки гипертекста.
Подготовил и провел Учитель информатики МОУ СОШ 36 г.Липецка Ефремов М.С.
© М.Е.Макарова
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
Web-страницы и Web-сайты. Структура Web- страницы.
Преподаватель: Казак Ю.Н.. Сформулировать основные принципы добавления графических изображений в WEB-страницы; познакомить обучающихся с тегом вставки.
Создание Web-страниц. Web – сайт состоит из компьютерных Web – страниц, объединённых гиперссылками. Создание Web – страниц реализуется с помощью языка.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
HTML. Первые шаги.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Транксрипт:

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

Цели урока: Изучить структуру Web-документа; Познакомиться с основными командами форматирования; Научиться создавать простейшие Web- страницы; Получить простейшие навыки их создания.

Основные понятия Гипертекст – это электронный документ, содержащий гиперссылки на другие документы. Предназначен для вывода информации на экран компьютера. Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов. Применение: - в компьютерных энциклопедиях, учебных программах; - прикладных программах для работы со справочной информацией; - для организации доступа к информации в WWW, т.е. при работе с Wеb-документами.

Основные понятия Wеb-документ – это текст, написанный на языке HTML или другом, который предназначен для просмотра электронной информации на экране компьютера с помощью программы-браузера. Так как Wеb-документ предназначен для просмотра его на компьютере, то желательно, чтобы он помещался целиком на экране. Поэтому Wеb-документы называют еще Wеb- страницами. Несколько Wеb-страниц на одну тему называют Wеb- сайтом.

Теги Команды языка HTML называются тегами Они записываются в. Большинство тегов – парные …

Структура HTML-документа Первая Web-страница Моя первая Web-страница Здравствуйте! Сегодня замечательный день! Я сделал свою Web-страничку

Форматирование текста В программу добавлен текстовый разделитель

Форматирование текста Добавим теги для форматирования шрифта заголовка.

Форматирование текста Аналогично добавим команды для форматирования остального текста

Форматирование текста

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

Примеры Web-страниц

Практическая работа создать WEB-страничку о себе; применить физические стили форматирования (шрифт, курсив и т.п.) сохранить работу с названием file_1.html