Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по информатике на тему "HTML. Форматирование" (11 класс)

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

  • Информатика

Поделитесь материалом с коллегами:

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

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

№ слайда 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%:

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

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

Автор
Дата добавления 18.05.2015
Раздел Информатика
Подраздел Презентации
Просмотров499
Номер материала 286709
Получить свидетельство о публикации
Похожие материалы

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