Логотип Инфоурока

Получите 30₽ за публикацию своей разработки в библиотеке «Инфоурок»

Добавить материал

и получить бесплатное свидетельство о размещении материала на сайте infourok.ru

Инфоурок Информатика ПрезентацииТема 7. ФОРМАТИРОВАНИЕ ТЕКСТА. ШРИФТЫ.

Тема 7. ФОРМАТИРОВАНИЕ ТЕКСТА. ШРИФТЫ.

Скачать материал
библиотека
материалов
ТЕМА 7. ОФОРМЛЕНИЕ ТЕКСТА. ШРИФТЫ. План занятия: Элементы заголовки; Редакти...

Описание презентации по отдельным слайдам:

1 слайд ТЕМА 7. ОФОРМЛЕНИЕ ТЕКСТА. ШРИФТЫ. План занятия: Элементы заголовки; Редакти
Описание слайда:

ТЕМА 7. ОФОРМЛЕНИЕ ТЕКСТА. ШРИФТЫ. План занятия: Элементы заголовки; Редактирование документа; Начертание шрифта; Управление шрифтами и их размером; Определение общей структуры составной формы.

2 слайд Заголовки - элементы H1 – H6 Язык HTML поддерживает 6 уровней заголовков. Они
Описание слайда:

Заголовки - элементы H1 – H6 Язык HTML поддерживает 6 уровней заголовков. Они представлены соответственно элементами: H1, H2, H3, H4, H5, H6. Первый – самый главный, отображается более крупным шрифтом, шестой – самый маленький и по значению, и по размеру шрифта. Пример: <H1> Пример 1</H1> <H2> Пример2</H2> <H6> Пример3</H6> Отображение примера в окне браузера: Пример1 Пример2 Пример3

3 слайд Выравнивание – атрибут align По умолчанию текст выравнивается по левому краю
Описание слайда:

Выравнивание – атрибут align По умолчанию текст выравнивается по левому краю страницы. Но можно отцентрировать текст либо выровнять его по правому краю, указав атрибут align="left | center | right" Символ вертикальной черты "|" в данном случае означает "или". Расшифруем значения ключевых слов атрибута align: left - выравнивание по левому краю. center - выравнивание по центру. right - выравнивание по правому краю. justify - выравнивание по ширине. Пример <H2 align="center»> Этот заголовок будет выровнен по центру</H2>

4 слайд Параграфы (абзацы) - элемент P Элемент P похож на элемент H, только текст, по
Описание слайда:

Параграфы (абзацы) - элемент P Элемент P похож на элемент H, только текст, помещённый в элемент P, имеет абзацные отступы. Выравнивание абзацев осуществляется аналогично выравниванию заголовков. Пример: <P>Этот параграф выровнен по умолчанию</P>. <P align= «right»> А этот по правому краю</P>

5 слайд Контейнеры - элементы DIV и SPAN В HTML существует специальный элемент DIV, к
Описание слайда:

Контейнеры - элементы DIV и SPAN В HTML существует специальный элемент DIV, который может служить контейнером для любых других элементов HTML. Элементы, помещённые внутрь тега DIV, отделяются от остального содержимого страницы абзацным отступом. С помощью атрибута align можно задавать выравнивание содержимого контейнера. Пример: <DIV align="center"> <H1> Заголовок 1</H1> <H2> Заголовок 2</H2> <H3> Заголовок 3</H3> </DIV> <! -- Все три заголовка будут выровнены по центру страницы -->

6 слайд Шрифты Все шрифты делятся на несколько больших групп или семейств: Serif - шр
Описание слайда:

Шрифты Все шрифты делятся на несколько больших групп или семейств: Serif - шрифты с засечками, такие как Times New Roman. Sans-serif - шрифты рублёные, без засечек, такие как Arial, Verdana и Tahoma. Monospace - моноширинные шрифты (с одинаковым расстоянием между символами), такие как Courier New. Cursive - шрифты курсивные, такие как Calisto MT. Fantasy - декоративные шрифты, буквы которых могут имитировать, например, рукописный текст.

7 слайд Начертание шрифта Если хотите получить комбинацию начертаний, то следует поме
Описание слайда:

Начертание шрифта Если хотите получить комбинацию начертаний, то следует поместить один элемент внутрь другого. Пример: <B><I> Полужирный курсив</I> </B> Тег Начертание Пример Результат B Полужирное <B>Полужирное</B> Полужирное I Курсив <I>Курсив</I> Курсив S Зачёркнутый <S>Зачёркнутый</S> Зачёркнутый U Подчёркнутый <U>Подчёркнутый</U> Подчёркнутый

8 слайд Управление шрифтами и их размером Пример: Пример ! Если нужно задать шрифт дл
Описание слайда:

Управление шрифтами и их размером Пример: <FONT size="5" color="red" face="arial">Пример</FONT> ! Если нужно задать шрифт для всего документа используется тег <BASEFONT> Пример: <HEAD> <BASEFONT size="5" face="arial" color="red"> </HEAD> Атрибут Описание Значение Пример size Задаёт размер шрифта (по умолчанию равен 3) 1-7 size="значение" color Задаётцветтекста цвет color="black" face Задаётгарнитуру гарнитура face="Шрифт"

9 слайд Логическое выделение Язык HTML поддерживает несколько типов выделений, и, соо
Описание слайда:

Логическое выделение Язык HTML поддерживает несколько типов выделений, и, соответственно, для каждого из них существует отдельный элемент: EM - Слабое логическое выделение, выразительность. STRONG - Сильное логическое выделение, ударение. CODE - Фрагмент кода программы. SAMP - Пример. VAR - Имя переменной. CITE - Цитата. ADDRESS - Адрес. Пример <SAMP><STRONG> Тег Strong </STRONG><EM> похож на тег B </EM></SAMP> Отображение в окне браузера: Тег Strong похож на тег B

10 слайд Верхние и нижние индексы Иногда в тексте встречаются математические и химичес
Описание слайда:

Верхние и нижние индексы Иногда в тексте встречаются математические и химические формулы, обычное явление для которых - верхние и нижние индексы. Вот примеры: H2O - формула воды или x2+ y3 - математическое выражение. Пример: H<SUB>2</SUB>O - химическая формула. x<SUP>2</SUP>+y<SUP>3</SUP> - математическое выражение. Отображение в окне браузера: H2O - химическая формула. x2+y3 - математическое выражение.

11 слайд Разделители: элементы BR и HR Иногда требуется принудительно разбить текст на
Описание слайда:

Разделители: элементы BR и HR Иногда требуется принудительно разбить текст на строки или же просто добавить дополнительную пустую строку. Пустой элемент BR выполняет принудительный перевод строки (аналог клавиши Enter в текстовом редакторе). Примечание: пустой элемент <br> не имеет содержимого и закрывающего тега и состоит только из открывающего, т.е. <BR> Пример <P>Пример 1 <BR> Пример 2</P> Отображение примера в окне браузера Пример 1 Пример 2

12 слайд Элемент HR Элемент HR отображает горизонтальную линию. Этот элемент имеет сле
Описание слайда:

Элемент HR Элемент HR отображает горизонтальную линию. Этот элемент имеет следующие атрибуты: Атрибут Описание Значение Пример align Задаёт выравнивание линии (по умолчанию по центру) left|center|right align="right" color Задаёт цвет линии цвет color="black" size Задаёт толщину линии в пикселях от1добесконечности size="1" noshade Логический (булев) атрибут, если он установлен, то линия не будет объёмной нет noshade width Задаёт длину линии в пикселях или процентах от ширины экрана Числоилипроценты width="80%"

13 слайд Контрольные вопросы: С помощью, каких элементов нужно выводить на экран загол
Описание слайда:

Контрольные вопросы: С помощью, каких элементов нужно выводить на экран заголовки документа и как выравнивать их в строке? С помощью, каких элементов нужно задавать абзацы? Почему не рекомендуется отделять абзацы тегом <BR>? Как нужно разделять текст на абзацы? Почему не рекомендуются длинные абзацы? Почему все абзацы документа рекомендуется выводить с использованием одинаковых приёмов оформления? Какие приёмы оформления можно использовать? Какие цвета текста и фона являются самыми комфортными для чтения? Какой третий цвет можно добавить к основным цветам: чёрному и белому? Как проверить грамматическую правильность текста документа? Назовите четыре способа выравнивания текста по горизонтали. Какой способ выравнивания текста по горизонтали является самым употребительным?

  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Краткое описание документа:

План занятия:

1) Элементы заголовки;
2) Редактирование документа;
3) Начертание шрифта;
4) Управление шрифтами и их размером;
5) Определение общей структуры составной формы.

Цель занятия: познакомятся с основными тегами форматирования текста, научатся изменять цвет фона. А для закрепления материала выполнят лабораторную работу.

Проверен экспертом
Общая информация
Скачать материал

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.