- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- «Специфика работы с детьми-мигрантами дошкольного возраста»
- «Учебный курс «Вероятность и статистика»: содержание и специфика преподавания в условиях реализации ФГОС ООО и ФГОС СОО»
- «Центр «Точка роста»: создание современного образовательного пространства в общеобразовательной организации»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
Язык HTML форматирование шрифта
696
0
Государственное бюджетное образовательное учреждение СОШ № 813
Методическая разработка
по выполнению практической работы
по информатике в 8 классе
Тема: ЯзыкHTML Форматирование шрифта
Подготовила
учитель информатики
Ильясова Лена Нуртдиновна
г. Москва
2012
Практическая работа
Тема: ЯзыкHTML Форматирование шрифта
Можно создать текст, не уделяя особого внимания тому, как он будет выглядеть в окне браузера. Так мы и поступали на предыдущих занятиях. Браузер отобразит неформатированный текст, используя настройки, выбранные пользователем. Однако хотелось бы, чтобы заголовки как-то отличались от основного текста размером и шрифтом, цветом, чтобы можно было выделить абзацы, пропустить строку. Все это называется форматированием текста.
Стандартные логические стили
Для выбора размера шрифта можно использовать теги логических стилей. Их всего шесть и обычно они используются для определения заголовков различного уровня.
И помечаются тегами от <H1> и </H1> до <H6> и </H6> (чем больше номер, тем мельче заголовок). Реально на экране компьютера все эти заголовки изображаются шрифтами разного размера (обычно полужирным начертанием).
Пример 1
Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы.
<HTML>
<HEAD>
<TITLE>Функциональные разделы документа</TITLE>
</HEAD>
<BODY>
<H1>ГЛАВНЫЙ ЗАГОЛОВОК ИЛИ ЗАГОЛОВОК ПЕРВОГО УРОВНЯ</H1>
<H2>Заголовок второго уровня </H2>
<H3> Заголовок третьего уровня</H3>
<H4> Заголовок четвертого уровня</H4>
<H5> Заголовок пятого уровня</H5>
<H6> Заголовок шестого уровня</H6>
</Body>
</HTML>
Сохраните эту программу в папке своей группы в файле с расширением HTM или HTML. Например, назначим ей имя PROBA_3.HTML. Раскройте этот файл в браузере.
Результат покажите преподавателю.
Управление начертанием шрифтов
Кроме использования стандартных размеров и начертаний (гарнитуры) шрифтов, можно определять шрифты для каждого фрагмента текста с помощью специальных тегов. Самый простой способ – использование физических стилей:
Стиль | Тег |
Полужирный (Bold) | <B> |
Курсив(Italic) | <I> |
Подчеркнутый (Underscore) | <U> |
Вычеркнутый | <S> |
Пишущая машинка (Typewriter) | <TT> |
Выделение | <EM> |
Усиленное выделение | <STRONG> |
Подстрочный | < Sub> |
Надстрочный | < Sup> |
Задание 2
Внести в текст страницы теги, определяющие начертание шрифта. Отделить этот фрагмент от остального текста с помощью горизонтальной разделительной линейки.
ГЛАВНЫЙ ЗАГОЛОВОК ИЛИ ЗАГОЛОВОК ПЕРВОГО УРОВНЯ
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвертого уровня
Заголовок пятого уровня
Заголовок шестого уровняЖирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Выделение
Усиленное выделение
Пишущая машинка
Вычеркнутый
Активизировать браузер с открытым в нем предыдущим вариантом страницы. Выбрать пункт мерю Вид, команда Обновить (F5). В окне браузера отобразится обновленнаяWeb- страница.
Результат покажите преподавателю.
Внутри тега заголовка можно вставить тег физического стиля, чтобы модифицировать весь заголовок или только некоторую его часть. Например, чтобы выделить курсивом только часть текста, можно использовать следующую конструкцию:
Пример 2
<HTML>
<HEAD>
<TITLE>Функциональные разделы документа</TITLE>
</HEAD>
<BODY>
<H2>Это - <I> Модифицированный </I> заголовок второго уровня</H2>
</Body>
</HTML>
Сохраните этот документ в папке вашей группы с именемPROBA_4.HTML. Просмотрите в браузере.
Выравнивание заголовков
Вернемся к рассмотрению заголовков Они имеют атрибут align. Он задает выравнивание заголовка на странице. Может принимать четыре значения:
Left – выравнивает заголовок по левому краю страницы (используется по умолчанию);
Right - выравнивает заголовок по правому краю страницы;
Center- выравнивает заголовок по центру;
Justify – выравнивает заголовок по ширине страницы, растягивая строку от правого края до левого. Эффект проявляется, когда длина строки больше ширины листа.
Например: <h1align = «center»> текст основного заголовка </h1>
Задание 2
Создать документы по образцу, сохранить его в папке своей группы с именемPROBA_4.HTML. Активизировать браузер с открытым в нем предыдущим вариантом страницы. Выбрать пункт мерю Вид, команда Обновить (F5). В окне браузера отобразится обновленнаяWeb- страница.
Результат покажите преподавателю.
Список использованной литературы
Н.Д Угринович. Информатика и ИКТ 8 класс – Москва БИНОМ. Лаборатория знаний ОАО «Московские учебники», 2011
Гаевский А.Ю., Романовский В.А. 100% самоучитель. СозданиеWeb-страниц и Web-сайтов.HTMLи JavaScript – М: Триумф, 2008
Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0 – СПб: БХВ, 2005
Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/31757-jazyk-html-formatirovanie-shrifta
БЕСПЛАТНО!
Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)
Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.
- «Преподавание химии и биологии по ФГОС ООО и ФГОС СОО: содержание, методы и технологии»
- «Музыкальное воспитание и развитие детей дошкольного возраста»
- «Психолого-педагогическое сопровождение адаптации детей-мигрантов в общеобразовательной организации»
- «Активизация познавательной деятельности учащихся на уроках математики»
- «Особенности преподавания изобразительного и декоративно-прикладного искусства в дополнительном образовании детей»
- «Теоретические основы логопедии и особенности работы учителя-логопеда с обучающимися с ОВЗ по ФГОС»
- Педагогика и методика преподавания русского языка и литературы
- Мировая художественная культура: теория и методика преподавания в образовательной организации
- Содержание и методы работы музыкального руководителя в дошкольной образовательной организации
- Педагогика и методическая работа в образовательной организации
- Организация деятельности советника директора по воспитанию
- Организация работы классного руководителя в образовательной организации
Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.