Информатика "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