Ввод текста в веб
advertisement
«В чем разница между этими двумя веб-страницами?» Ввод текста в веб-страницу Цель урока: знакомство с основными тегами форматирования шрифта в вебстранице; знакомство с тегами, создающими заголовки различных уровней; правила записи тегов, имеющих атрибуты; уметь создавать и сохранять простые веб-страницы при помощи текстового редактора Блокнот; уметь запускать веб-страницы и просматривать HTML-код при помощи браузера Internet Explorer. Игра «Крестики-нолики» <HTML> …</HTML> Как называются команды языка HTML? Какую кнопку необходимо выбрать для обновления вебстраницы? Какими могут быть расширения html-документа? Как запустить текстовый редактор «Блокнот»? <TITLE> …</TITLE> <BODY> …</BODY> Какие виды тегов вы знаете? Браузеры – это… В тексте веб-страницы можно освещать разные темы. В таком случае приходится ввести несколько заголовок. Веб-страница станет увлекательной, если выбрать разные размеры шрифта заголовков. Язык HTML предоставит возможность вставить заголовки 6 различных уровней. Для этого служат парные тэги <H1>, <H2>, <H3>, <H4>, <H5>, <H6> от английского «Heading» — заголовок. Следовательно, для каждого из них есть соответствующие закрывающие тэги (</Н1>, ..., </Н6>). Когда работали с программой MS Word, вы познакомились с понятиями размер шрифта (например, 27), тип шрифта (например, Times New Roman), стиль записи (например, Заголовок 1), начертание шрифта (например, полужирный). На основе этого заголовки документа MS Word и языка HTML можно сравнить следующим образом: Текст, введенный в HTML-документ, форматируется браузером относительно размера поле информации. И поэтому текст HTML-документа отражается в окне браузера немного по-другому. Чтобы текст отражался в таком виде, как нам хотелось, следует использовать тэги языке HTML, влияющие на формат шрифта. Для описания абзацев применяется парный тэг <Р>. Этот тэг записывается в начале абзаца. Он оставит пустую строку перед текстом, записанного после себя. непарный тэг <BR> применяется для перевода продолжения текста на новую строку. Этот тэг можно применить и в случае, если нужно пропустить строку. Правила записи тегов. Тэги HTML можно написать с параметрами (атрибутами). Парамет¬ры записываются после имени тэга, разделенные пробелом. Если па¬раметрам необходимо присвоить значение, то записывается после знака равенства в кавычках или без кавычек. <тег атрибут=«значение» атрибут=«значение»…> Для установления типа шрифта применяется парный тэг <FONT> (шрифт) с параметром FACE: <FONT FACE= "тип шрифта "> текст </ FONT>. Иногда браузер может не поддерживать некоторый тип шрифта. Поэтому целесообразно указывать несколько значений параметра FACE: <FONT FACE = "Times New Roman", "Arial Black", "Elephant">. Браузер читает значение параметра слева направо и найдет поддерживаемый тип шрифта. Для изменения начертания шрифта в виде полужирный, курсив или подчеркнутый использую следующие теги языка HTML: <B>…</B> –полужирный шрифт. <I> …</I> –курсивный шрифт. <U…</U> –подчёркнутый шрифт. <STRONG>…</STRONG> – полужирный шрифт. <EM> или <Cite> - курсивный шрифт Язык HTML представляет возможность выравнивания текста на веб-странице и осуществляется параметром ALIGN парного тэга <Р>. (или парных тэгов <Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>): <Р ALIGN= "значение параметра выравнивания ">. Значениями параметра выравнивания служат "Left" (слева), "Right" (справа), "Center" (по центру) и "Justify" (по ширине). Рассмотрим пример относительно расположения абзацев в веб-странице: если нужно вставить в вебстраницу стихи или рисунки, полученные с помощью обычных символов, то форматирование текста нельзя доверить браузеру. В таких случаях используют парный тэг <PRE>. С помощью этого тега текст выводится так, как написан в HTML-документе. Интерактивное тестирование учащихся. 5 вопросов по новой теме. Упражнение 1 страница 111. Создайте веб-страницу, отражающую текст гимна нашей республики. В ней выберите разные типы шрифтов для строк. Упражнение 2 страница 111. Создайте веб-страницу, отражающую в различных уровнях заголовок республику, область, город, район, названия улиц, где расположена ваша школа. Домашнее задание. § - 51. Ответить на вопросы устно на странице111. Упражнение 3 страница 111. Создайте веб-страницу под названием «Наш класс». Используйте вней различные тэги форматирования.
