Практикум по HTML

Размер шрифта:   13
Практикум по HTML

© Дмитрий Кудрец, 2018

ISBN 978-5-4496-0428-6

Создано в интеллектуальной издательской системе Ridero

Предисловие

Пособие предлагает задания для организации практической работы по созданию и оформлению HTML-документов.

Предлагаемые задания выходят за рамки школьного курса, что позволяет использовать их как на уроках, так и во внеурочной деятельности (на факультативных занятиях, во время подготовки к конкурсам и т.д.).

Использовать задания можно как фронтально, так и индивидуально, в зависимости от цели и содержания урока, уровня подготовки учеников.

Единообразие формы представления способствуют успешному использованию заданий при проведении занятий. В пределах одного уровня приводятся задания одинаковой сложности.

Разделение практических заданий по уровням сложности направляет деятельность учащихся на достижение определенного результата, переходя от простого к сложному, от уровней узнавания и запоминания к уровням понимания и применения, тем самым стимулируя их познавательную и интеллектуальную активность.

При выполнении заданий учащиеся правомерны проявлять элементы творчества, т.е. использовать различные цвета оформления, рисунки, тексты.

Задания разработаны согласно показателям оценки результатов учебной деятельности учащихся при осуществлении контроля с использованием десятибалльной шкалы.

Оформление текстов

Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.

<HTML>

<HEAD>

<TITLE> Стихотворение </TITLE>

</HEAD>

<BODY>

<H1> Александр Блок </H1>

<P> Ночь. Улица. Фонарь. Аптека. <BR>

Бессмысленный и тусклый свет. <BR>

Живи еще хоть четверть века – <BR>

Все будет так. Исхода нет. </Р>

<P> Умрешь, начнешь опять сначала <BR>

И повторится все, как встарь: <BR>

Ночь. Ледяная мгла канала. <BR>

Аптека. Улица. Фонарь. </P>

</BODY>

</HTML>

Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.

<HTML>

<HEAD>

<TITLE> Задание </TITLE> </HEAD>

<BODY>

<H1 AlIGN=CENTER> Оформление текстов на веб-страницах </H1>

<B> Жирный текст </I> <BR>

<I> Курсивный текст </I> <BR>

<U> Подчеркнутый текст </U> <BR>

<S> Зачеркнутый текст </S> <BR>

E=mc <SUB> 2 </SUB> -Верхний индекс <BR>

H <SUB> 2 </SUB> -Нижний индекс <BR>

<H1 ALIGN=CENTER> Оформление шрифтов </Н1>

<P> <FONT SIZE=6> Это шрифт размера 6 </FONT> </P>

<P>

<FONT SIZE=4 COLOR=red> Это красный шрифт размера 4 </FONT>

Продолжить чтение