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

Форматирование текста Этот пример демонстрирует, как вы можете отредактировать текст в HTML документе, используя специальные теги: Текст Текст

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

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

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

документе, используя специальные теги:


Текст


Текст


Форматирование текста Этот пример демонстрирует, как вы можете отредактировать текст в HTML документе, используя специальные теги:

Слайд 3Форматирование текста
Текст
Текст
Текст
Это нижний

индекс и верхний индекс




Форматирование текста   Текст  Текст  Текст  Это нижний индекс и верхний индекс

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

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



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

Слайд 5Тег
(оставляет без изменений)
и делает

шрифт моноширинным



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

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

на экран:


Программный код


Ввод с клавиатуры


Образец кода

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

Слайд 7Теги для отображения кода


Выделение переменной



Эти теги обычно используются для того, чтобы показать на странице программный код




Теги для отображения кода       Выделение переменной

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

странице существует специальный тег
, отделяющий текст, заключенный в него, от всего остального содержимого.
Чаще всего он используется для выделения контактной информации, например адреса электронной почты или способа связи с автором/владельцем документа, статьи или сайта:


Вы можете найти меня на моем сайте


Тег Адрес является распространенным элементом многих HTML-документов, для выделения адреса на странице существует специальный тег , отделяющий

Слайд 9Тег

Мой сайт для связи




Тег      Мой сайт для связи

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


НЛО



Атрибут title нужен для всплывающей подсказки, она появляется
при наведении курсора на аббревиатуру.




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

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



Тег bdo определяет направление текста - слева направо и наоборот.



Это наш текст




Направление текста Пример демонстрирует, как можно изменить направление текста:       Тег bdo

Слайд 12Цитаты
В HTML есть два тега для выделения цитат в тексте -

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

Слайд 13

Длинная цитата:

Это очень длинная цитата.Это очень длинная цитата.Это очень длинная цитата.
Это очень длинная цитата.Это очень длинная цитата.Это очень длинная цитата.

Длинная цитата:     Это очень длинная цитата.Это очень

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





Короткая цитата:
Это короткая цитата.

Короткие цитаты заключаются в двойные кавычки.




Для длинных цитат браузер вставляет отступы со всех сторон.

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

который был удален (помечается как перечеркнутый) или вставлен (помечается как подчеркнутый):



Содержимое тега del, большинство браузеров отображает перечеркнутым, а

Удаленный и вставленный текст Пример демонстрирует, как можно в документе пометить текст, который был удален (помечается как

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




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

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть