Презентация, доклад на тему Основы форматирования HTML

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

Слайд 1Форматирование
текста
22

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

Слайд 2Форматирования текста
Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт,

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

Размер задается атрибутом SIZE, который может принимать значения от 1 до 7.

Пример.
тексту задан размер 3

23

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

Слайд 3COLOR – атрибут для определения цвета, название которого задается числом в

шестнадцатеричной системе счисления или название на английском языке

color=“#FF0000” color=”red”

Пример.
это шрифт синего цвета

R-red 00-FF 0-255

G-green 00-FF 0-255

B - blue 00-FF 0-255

RGB

24

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на

Слайд 4Названия цветов и значения RGB
25

Названия цветов и значения RGB25

Слайд 5форматирование
шрифтов
26

форматирование шрифтов26

Слайд 6FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку

с запятой)

Пример.

Все атрибуты могут быть использованы совместно внутри тега < FONT>
Пример.

Это шрифт arial размером 3 синего цвета

27

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)Пример. Все атрибуты могут быть

Слайд 7тест выделение шрифта полужирным шрифтом
тест выделение шрифта курсивом

тест подчеркнутый шрифт

x2 верхний

индекс (х2)

x2 нижний индекс (х2)


Форматирование шрифтов

28

тест выделение шрифта полужирным шрифтомтест выделение шрифта курсивомтест подчеркнутый шрифтx2 верхний индекс (х2) x2 нижний индекс (х2)

Слайд 8Примеры со шрифтами


Пример действия параметра FASE





ШРИФТ

SIZE=5 FACE=Times New Romans Cyr>РАЗНОГО


< FONT SIZE=5 FACE=Courier New Cyr>НАЧЕРТАНИЯ



29

Примеры со шрифтамиПример действия параметра FASEШРИФТРАЗНОГО< FONT SIZE=5 FACE=Courier New Cyr>НАЧЕРТАНИЯ29

Слайд 9Примеры со шрифтами

Пример действия параметра SIZE


Ш

SIZE=+1 >Р
ИФ
Т
РА
ЗН
ОГ
О
РА
ЗМ
ЕР>/FONT>
А



30

Примеры со шрифтамиПример действия параметра SIZE ШРИФТРАЗНОГОРАЗМЕР>/FONT>А30

Слайд 10Примеры со шрифтами

Пример действия параметра COLOR



ШРИФТ

COLOR=GREEN>РАЗНОГО

< FONT SIZE=5 COLOR=BLUE>ЦВЕТА




ЗАДАНИЕ
Написать разными по цвету буквами:
КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН

31

Примеры со шрифтамиПример действия параметра COLORШРИФТРАЗНОГО < FONT SIZE=5 COLOR=BLUE>ЦВЕТА ЗАДАНИЕ Написать разными по цвету буквами:	КАЖДЫЙ ОХОТНИК

Слайд 11т е с т -сохраняет исходный вид

отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т )

Пример

ПУТЬ К МУДРОСТИ



К мудрости путь – по ухабам ошибок;
Иди же и носа не вешай:
Ушибы,
ушибы,
и снова ушибы
Но реже
и реже,
и реже…


Форматирование шрифтов

32

т  е  с  т -сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки

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

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


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

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

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

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