HTML Hyper Text Markup Language Язык разметки гипертекста Автор: Палецкая А.Ю. учитель информатики МОУ Сортавальского МР РК СОШ 1

Для создания web-страниц используется специальный язык разметки гипертекста, который называется HTML. Страница на этом языке представляет собой обычный текстовый файл, в который добавлены специальные инструкции – теги. Существует два способа создания web- страниц: вручную и с помощью визуальных HTML редакторов. Язык разметки гипертекста

Создание web-страниц вручную Откроем программу Блокнот:

И наберем в ней следующие теги:

Сохраним файл под именем index.htm в созданной папке My_site

Редактирование сайта В папке My_site найдем файл index.htm и откроем его двойным щелчком мыши. Страница пустая, поскольку мы ничего не написали между тегами и. Чтобы продолжить ввод текста, нужно в меню Вид окна браузера найти команду Просмотр HTML кода:

Ввод текста Мама мыла раму

Ввод абзацев Мой дядя самых честных правил, Когда не в шутку занемог, Он уважать себя заставил И лучше выдумать не смог.

Результат

Ввод абзацев Мой дядя самых честных правил, Когда не в шутку занемог, Он уважать себя заставил И лучше выдумать не смог.

Результат

Начертание … жирный … курсив … подчеркнутый

Начертание Мой дядя самых честных правил, Когда не в шутку занемог, Он уважать себя заставил И лучше выдумать не смог. Вопрос: Как будет оформлено слово «дядя»?

Цвет шрифта Мой дядя самых честных правил, Когда не в шутку занемог, Он уважать себя заставил И лучше выдумать не смог.

Выравнивание абзацев На этом сайте вы сможете получить различную информацию о компьютере, его програмном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютеными терминами, а также вы сможете заполнить анкету.

Выравнивание по ширине

Поля Горизонтальная линия:

Списки(нумерованный) Физика Математика История Результат: 1.Физика 2.Математика 3.История

Списки(маркированный) Физика Математика История Результат: Физика Математика История

Теги для оформления заголовков Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня аголовок шестого уровня

Результат оформления заголовков

Задание Практическая работа «Создание web-страницы на заданную тему» Разработать страницу сайта Компьютерный салон: «Наши сотрудники» Заголовок сайта: «Компьютерный салон» оформить тегами заголовка второго уровня Заголовок страницы «Наши сотрудники» оформить тегами заголовка третьего уровня На странице создать нумерованный список: 1.Звонарев О.И. – директор 2.Полякова Е.С. – бухгалтер 3.Попов И.Н. – продавец-консультант 4.Егоров М.Л. – продавец-консультант 5.Сергеева Е.Ю. – кассир Отделить список от заголовка горизонтальной линией.