Инфоурок / Информатика / Презентации / Презентация по информатике на тему "HTML. Форматирование" (11 класс)

Презентация по информатике на тему "HTML. Форматирование" (11 класс)

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов
 HTML. Форматирование текста
Физическое и логическое форматирование текста Физическая разметка документа –...
Теги управления абзацами ... - тег нового абзаца, используется в формате один...
Теги управления переносом ,...,  - теги управления разрывами и переносом стро...
Теги управления переносом ... Используется для запрета разрыва текста, помеще...
Теги выделения структуры документа ..., ... ,... - контейнерные теги шестиуро...
Теги смыслового выделения текста ... Компьютерный код -Function Sum(a,b); ......
Теги стилистического выделения текста ... Выделение полужирным шрифтом ... Вы...
Комментарии и специальные символы 	Для добавления комментариев в HTML докумен...
Изменение шрифта Тег  … - изменяет размер, цвет и стиль текста. Атрибуты тэга...
10 1

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

№ слайда 1  HTML. Форматирование текста
Описание слайда:

HTML. Форматирование текста

№ слайда 2 Физическое и логическое форматирование текста Физическая разметка документа –
Описание слайда:

Физическое и логическое форматирование текста Физическая разметка документа – это явное указание браузеру, как должен выглядеть тот или иной фрагмент текста – размер шрифта, курсив и т.п. Логическая разметка учитывает смысл выделенного фрагмента – цитата, сведения об авторе и т.п. Современные стандарты языка HTML советуют использовать логическую разметку, хотя физическое форматирование еще никто не отменял.

№ слайда 3 Теги управления абзацами ... - тег нового абзаца, используется в формате один
Описание слайда:

Теги управления абзацами <P ALIGN=CENTER/LEFT/RIGHT >...</P> - тег нового абзаца, используется в формате одиночного тега или контейнера. При использовании в форме одиночного тега концом абзаца считается начало следующего т.е следующий тег <P>. Атрибут ALIGN задает выравнивание элементов абзаца, значение по умолчанию LEFT <P>...</P>или <P> Этот абзац выравнивается по левому краю. И это предложение тоже. <P ALIGN=CENTER> Этот абзац выравнивается по центру. И это предложение тоже. <P ALIGN=RIGHT> Этот абзац выравнивается по правому краю. И это предложение тоже.

№ слайда 4 Теги управления переносом ,...,  - теги управления разрывами и переносом стро
Описание слайда:

Теги управления переносом <BR>,<NOBR>...</NOBR>, <WBR> - теги управления разрывами и переносом строк в тексте документа. При разрыве строки межстрочный интервал не увеличивается. <BR> Используется для указания места принудительного разрыва. Пример: <P>ФИО: <BR>ОоржакГ.Ш.</P> Будетвыглядетьтак: ФИО: ОоржакГ.Ш.

№ слайда 5 Теги управления переносом ... Используется для запрета разрыва текста, помеще
Описание слайда:

Теги управления переносом <NOBR>...</NOBR> Используется для запрета разрыва текста, помещенного в данный контейнер. Пример: <NOBR>Это предложение лучше не разрывать</NOBR> при необходимости переноситься на новую строку целиком, а не так: Это предложение лучше не разрывать <WBR> Используется для указания рекомендуемого места для разрыва строки. Может быть вложенным в контейнер <NOBR>...</NOBR>. Пример: <NOBR>00509<WBR>600510186211</NOBR> - номер счета заданный таким образом при помещении в поле уже своей ширины, разорвется после балансового счета: 00509 605101862111

№ слайда 6 Теги выделения структуры документа ..., ... ,... - контейнерные теги шестиуро
Описание слайда:

Теги выделения структуры документа <H1>...</H1>, ... ,<H6>...</H6> - контейнерные теги шестиуровневых заголовков документа. Имеют атрибут ALIGN (по умолчанию LEFT) для выравнивания заголовка. <H1>...</H1> Заголовок 1 уровня <H2>...</H2> Заголовок 2 уровня <H3>...</H3> Заголовок 3 уровня <H4 ALIGN=LEFT>...</H4> Заголовок 4 уровня по левому краю <H5ALIGN=CENTER>...</H5> Заголовок 5 уровня по центру <H6 ALIGN=RIGHT>...</H6> Заголовок 6 уровня по правому краю

№ слайда 7 Теги смыслового выделения текста ... Компьютерный код -Function Sum(a,b); ...
Описание слайда:

Теги смыслового выделения текста <CODE>...</CODE> Компьютерный код -Function Sum(a,b); <CITE>...</CITE> Выделение цитат - Цитата <KBD>...</KBD> Клавиатурный шрифт - Клавиатура <SAMP>...</SAMP> Выделение примеров- Пример <STRONG>...</STRONG> Выделение важных фрагментов - Важно <VAR>...</VAR> Выделение имен(i, j, k )переменных <DFN>...</DFN> Выделение определений - Определение <EM>...</EM> Расставить акценты - Акцент <BLOCKQUOTE>...</BLOCKQUOTE> Выделение фрагмента текста в большом блоке текстовом блоке настранице. Вотфрагмент который мы хотели выделить из текстового блока в документе. Такимобразом выделенные фрагменты текста отображаютсябраузером.

№ слайда 8 Теги стилистического выделения текста ... Выделение полужирным шрифтом ... Вы
Описание слайда:

Теги стилистического выделения текста <B>...</B> Выделение полужирным шрифтом <I>...</I> Выделение курсивом <TT>...</TT> Выделение телетайпным шрифтом <U>...</U> Выделение подчеркиванием <STRIKE>...</STRIKE> Выделение перечеркиванием <SUP>...</SUP> Шрифт в верхнем индексе (например возведение в степень) - (a+b) 2 <SUB>...</SUB> Шрифт в нижнем индексе - H2O <SMALL>...</SMALL> Мелкий шрифт <BIG>...</BIG> Крупный шрифт

№ слайда 9 Комментарии и специальные символы 	Для добавления комментариев в HTML докумен
Описание слайда:

Комментарии и специальные символы Для добавления комментариев в HTML документы используется контейнер <!-- ...-->. Кроме комментариев в HTML документах можно использовать специальные символы. Для внедрения специального символа в документ применяется конструкция следующего формата:&ИМЯ СИМВОЛА. Специальные символы используются для отображения элементов математических символов (&divide это ÷, &frac34 это ¾), редких символов национальных алфавитов и общепринятых символов (&copy - это ©, &reg - это ®). Например, для отображения на веб-странице HTML тегов (это чтобы не прописывать точку или пробел после скобки), необходимо использовать символы заменители угловых скобок (< это &lt) и (> это &gt).  Создание пустых ячеек в таблицах спецсимвол это неразрывный пробел &nbsp.

№ слайда 10 Изменение шрифта Тег  … - изменяет размер, цвет и стиль текста. Атрибуты тэга
Описание слайда:

Изменение шрифта Тег <font> … </font>- изменяет размер, цвет и стиль текста. Атрибуты тэга: SIZE - размер шрифта 1-7. По-умолчанию в браузерах size=3 Размер изменяется на 20%: 4 размер больше 3 на 20%, 5 размер больше 4 на 20% size=4 – абсолютный размер, size=+1 – относительный (на 1 больше, чем базовый размер шрифта установленный в браузере по-умолчанию). COLOR - цвет текста. color=red или color=#ff0000 FACE - название шрифта. face="Comic Sans MS, Courier New”

Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

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

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Краткое описание документа:

Презентация к уроку на тему "HTML. Форматирование" для 11 класса к учебно-методическому комплексу Семакина И.Г. "Информатика и ИКТ" базовый уровень, к разделу "Технологии использования и разработки информационных систем" к теме "Web-сайт - гиперструктура данных". Описание тэгов и атрибутов форматирования текста.

Общая информация

Номер материала: 286709
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>