598250
столько раз учителя, ученики и родители
посетили официальный сайт ООО «Инфоурок»
за прошедшие 24 часа
Добавить материал и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015

Скидка 0%

112 курсов профессиональной переподготовки от 3540 руб.

268 курсов повышения квалификации от 840 руб.

МОСКОВСКИЕ ДОКУМЕНТЫ ДЛЯ АТТЕСТАЦИИ

Лицензия на осуществление образовательной деятельности №038767 выдана 26 сентября 2017 г. Департаменотом образования города Москвы

Инфоурок Информатика ПрезентацииУрок 6. HTML тэги для текста

Приглашаем Вас в наш детский летний "ИНФОЛАГЕРЬ" (для детей от 8 до 17 лет), который начинает свою работу этим летом в Беларуси!

‣ Мы снизили стоимость путёвок до 31.000 руб.!;
‣ Доступна оплата в рассрочку без переплат. Для бронирования места достаточно оплатить всего 50% стоимости.

Двухместные номера, шестиразовое питание, авторская анимационная программа!

Подробнее об "Инфолагере"

Позвоните нам: +7 (985) 507-73-73 (Россия), +375 (29) 884-91-48 (Беларусь)
Или напишите и мы ответим на все Ваши вопросы: infolager@infourok.ru


Урок 6. HTML тэги для текста

библиотека
материалов
HTML: Теги для текста В создании презентации использованы контент сайта puzzl...
Форматирование текста Этот пример демонстрирует, как вы можете отредактироват...
Форматирование текста Текст Текст Текст Это нижний индекс и верхний индекс
Тег  Тег  позволяет выделить часть исходного текста, которая должна отобразит...
Тег  (оставляет без изменений) и делает шрифт моноширинным
Теги для отображения кода Пример, показанный ниже, демонстрирует разницу выво...
Теги для отображения кода  Выделение переменной   Эти теги обычно используютс...
Тег  Адрес является распространенным элементом многих HTML-документов, для вы...
Тег   Мой сайт для связи
Аббревиатуры Пример демонстрирует, как можно написать аббревиатуру или сокращ...
Направление текста Пример демонстрирует, как можно изменить направление текст...
Цитаты В HTML есть два тега для выделения цитат в тексте -  и . Тег  является...
Длинная цитата:  Это очень длинная цитата.Это очень длинная цитата.Это оче...
Для длинных цитат браузер вставляет отступы со всех сторон.   Короткая цитат...
Удаленный и вставленный текст Пример демонстрирует, как можно в документе пом...
Удаленный и вставленный текст содержимое тега ins - подчеркнутым    Попробова...

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

1 слайд HTML: Теги для текста В создании презентации использованы контент сайта puzzl
Описание слайда:

HTML: Теги для текста В создании презентации использованы контент сайта puzzleweb.ru

2 слайд Форматирование текста Этот пример демонстрирует, как вы можете отредактироват
Описание слайда:

Форматирование текста Этот пример демонстрирует, как вы можете отредактировать текст в HTML документе, используя специальные теги: <html> <body> <p><b>Текст</b></p> <p><strong>Текст</strong></p>

3 слайд Форматирование текста Текст Текст Текст Это нижний индекс и верхний индекс
Описание слайда:

Форматирование текста <p><em>Текст</em></p> <p><i>Текст</i></p> <p><small>Текст</small></p> <p>Это<sub> нижний индекс</sub> и <sup>верхний индекс</sup></p> </body> </html>

4 слайд Тег  Тег  позволяет выделить часть исходного текста, которая должна отобразит
Описание слайда:

Тег <pre> Тег <pre> позволяет выделить часть исходного текста, которая должна отобразиться браузером в первоначальном виде, то есть теми же символами и с тем же количеством пробелов и разрывов строк. Весь текст, заключенный между открывающим тегом <pre> и закрывающим </pre>, будет отображаться моноширинным шрифтом: <html> <body> <pre> Он сохраняет авторское форматирование текста

5 слайд Тег  (оставляет без изменений) и делает шрифт моноширинным
Описание слайда:

Тег <pre> (оставляет без изменений) и делает шрифт моноширинным </pre> </body> </html>

6 слайд Теги для отображения кода Пример, показанный ниже, демонстрирует разницу выво
Описание слайда:

Теги для отображения кода Пример, показанный ниже, демонстрирует разницу вывода содержимого тегов на экран: <html> <body> <p><code>Программный код</code> <br> <kbd>Ввод с клавиатуры</kbd> <br> <samp>Образец кода</samp>

7 слайд Теги для отображения кода  Выделение переменной   Эти теги обычно используютс
Описание слайда:

Теги для отображения кода <br> <var>Выделение переменной</var> </p> <p> Эти теги обычно используются для того, чтобы показать на странице программный код </p> </body> </html>

8 слайд Тег  Адрес является распространенным элементом многих HTML-документов, для вы
Описание слайда:

Тег <address> Адрес является распространенным элементом многих HTML-документов, для выделения адреса на странице существует специальный тег <address>, отделяющий текст, заключенный в него, от всего остального содержимого. Чаще всего он используется для выделения контактной информации, например адреса электронной почты или способа связи с автором/владельцем документа, статьи или сайта: <html> <body> <p>Вы можете найти меня на моем сайте</p>

9 слайд Тег   Мой сайт для связи
Описание слайда:

Тег <address> <address> <a href="www.mysite.ru">Мой сайт для связи</a> </address> </body> </html>

10 слайд Аббревиатуры Пример демонстрирует, как можно написать аббревиатуру или сокращ
Описание слайда:

Аббревиатуры Пример демонстрирует, как можно написать аббревиатуру или сокращение: <html> <body> <p><abbr title="Неопознанный Летающий Объект">НЛО</abbr><br><br><br> Атрибут title нужен для всплывающей подсказки, она появляется при наведении курсора на аббревиатуру. </p> </body> </html>

11 слайд Направление текста Пример демонстрирует, как можно изменить направление текст
Описание слайда:

Направление текста Пример демонстрирует, как можно изменить направление текста: <html> <body> <p> Тег bdo определяет направление текста - слева направо и наоборот.<br><br> <bdo dir="rtl"> Это наш текст </bdo> </p> </body> </html>

12 слайд Цитаты В HTML есть два тега для выделения цитат в тексте -  и . Тег  является
Описание слайда:

Цитаты В HTML есть два тега для выделения цитат в тексте - <q> и <blockquote>. Тег <q> является строчным элементом и предназначен для выделения коротких цитат непосредственно в тексте абзаца. Текст, размещенный внутри элемента <q>, по умолчанию большинством браузеров отображается в двойных кавычках. В отличие от тега <q>, тег <blockquote> является блочным элементом, он предназначен для выделения длинных цитат, которые по объему больше похожи на целые абзацы. В большинстве браузеров текст элемента <blockquote> будет отображаться с небольшим отступом вправо и иметь разрывы строки до и после себя:

13 слайд Длинная цитата:  Это очень длинная цитата.Это очень длинная цитата.Это оче
Описание слайда:

<html> <body> <p>Длинная цитата:</p> <blockquote> Это очень длинная цитата.Это очень длинная цитата.Это очень длинная цитата. Это очень длинная цитата.Это очень длинная цитата.Это очень длинная цитата. </blockquote>

14 слайд Для длинных цитат браузер вставляет отступы со всех сторон.   Короткая цитат
Описание слайда:

<p><b>Для длинных цитат браузер вставляет отступы со всех сторон. </b> <br><br> Короткая цитата: <q>Это короткая цитата.</q><br> <b>Короткие цитаты заключаются в двойные кавычки.</b> </p> </body> </html>

15 слайд Удаленный и вставленный текст Пример демонстрирует, как можно в документе пом
Описание слайда:

Удаленный и вставленный текст Пример демонстрирует, как можно в документе пометить текст, который был удален (помечается как перечеркнутый) или вставлен (помечается как подчеркнутый): <html> <body> <p> Содержимое тега del, большинство браузеров отображает <del>перечеркнутым</del>, а

16 слайд Удаленный и вставленный текст содержимое тега ins - подчеркнутым    Попробова
Описание слайда:

Удаленный и вставленный текст содержимое тега ins - <ins>подчеркнутым</ins> </p> </body> </html> Попробовать » Примечание: также подчёркивание и перечёркивание можно задать с помощью CSS свойства text-decoration.

Курс профессиональной переподготовки
Учитель информатики
Курс профессиональной переподготовки
Учитель математики и информатики
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
ВНИМАНИЮ УЧИТЕЛЕЙ: хотите организовать и вести кружок по ментальной арифметике в своей школе? Спрос на данную методику постоянно растёт, а Вам для её освоения достаточно будет пройти один курс повышения квалификации (72 часа) прямо в Вашем личном кабинете на сайте "Инфоурок".

Пройдя курс Вы получите:
- Удостоверение о повышении квалификации;
- Подробный план уроков (150 стр.);
- Задачник для обучающихся (83 стр.);
- Вводную тетрадь «Знакомство со счетами и правилами»;
- БЕСПЛАТНЫЙ доступ к CRM-системе, Личному кабинету для проведения занятий;
- Возможность дополнительного источника дохода (до 60.000 руб. в месяц)!

Пройдите дистанционный курс «Ментальная арифметика» на проекте "Инфоурок"!

Подать заявку

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

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Облачные технологии в образовании»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.