Читать онлайн «Практикум по HTML»
Автор Кудрец Дмитрий Артемович
Практикум по HTML
Дмитрий Кудрец
© Дмитрий Кудрец, 2018
ISBN 978-5-4496-0428-6
Предисловие
Пособие предлагает задания для организации практической работы по созданию и оформлению 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>
</P>
<P> <FONT SIZE=5 COLOR=000088 FACE=«Monotype Corsiva»> Это синий шрифт Monotype Corsiva размером 5 </FONT> </P>
</BODY>
</HTML>
Задание 3. Напишите HTML-код для отображения на Web-странице слова «Информатика» красным цветом, жирным, по центру. Фон документа – желтый.
