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

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

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

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

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

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

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

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

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

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

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

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

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

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

14