Итак. на прошлом занятии мы остановились на тегах <sup> и <sub>, надеюсь вы их отработали и применили на практике, а так же проработали прочие элементы, которые я вам задавал на прошлом занятии. Чтож, давайте продолжим занятие по форматированию текста. Сегодня мы с вами глубже проработаем, над изменением шрифта, цвета и размера текста, а так же над еще одним тегом форматирования. Итак, давайте вспомним на прошлом уроке, мы попробовали написать текст и он был в одну строчку, хотя мы с вами его вроде написали правильно, а потом использовали теги <b>, <p> для того, чтобы хоть как то выровнять текст, так вот, есть еще один универсальный тег, который помогает нам и облегчает работу, называется он <pre> </pre> Он возвращает исходный стиль текста, который вы написали, давайте разберемся на практике. Возьмем вчерашний стих и запишем его в теге <pre>.
Обратите внимание, мы форматировали текст, своими силами, написали его со всеми пробелами и давайте посмотрим что вышло!
Вот результат нашего кода, текст автоматически расположился как ему нужно, если мы передвинем текст прям в начало, другими словами уберем все пробелы, текст точно так же сдвинется. Вы спросите, зачем это нужно или зачем придумали другие варианты форматирования? Я вам отвечу, во первых, технологии постоянно развиваются, добавляется что-то новое, а что-то себя изживает и перестает работать. Да есть теги, которые не читаются браузерами, потому что просто устарели. Какие именно, вам предстоит разобраться самим, погуглите, какие теги с какими браузерами уже не работают. Во вторых, разнообразие тегов нужно для гибкости, для большего разнообразия работы с текстами, для полета фантазии и творчества. Идем дальше, давайте разбираться с цветом и шрифтами по подробнее. У некоторых тегов, есть атрибуты. Атрибут - это характеристика тега или метатега, с помощью которой тег может передавать браузеру важную информацию. Используется внутри тега, чтобы как-то управлять им или изменять его. Атрибуты есть не у всех тегов. Вот из чего состоит тег: Структура тега с атрибутом Из чего состоит атрибут. Все атрибуты тегов состоят из имени и значения. Имя — это свойство тега. Значения атрибута пишутся в скобках, если не указать его, значение будет использовано по умолчанию. А теперь подробнее про форматирование текстов, ест тег <font></font> он представляет собой контейнер, внутри которого помещается текст ,а в атрибутах тег задаются определенные параметры, атрибуты пишутся следующим образом: <font color="" size="" face=""> Тест </font>. Атрибут color="" отвечает за цвет, его можно написать по английский по типу : red или использовать кодировку которую распознает компьютер, эти кодировки можно найти в интернете или даже в пэинте. Выглядят они следующим образом:
Атрибут size="" отвечает за размер текста, его можно указывать в процентах или пикселях. Атрибут face="" отвечает за сам шрифт, его прописывают текстом, виды шрифтов можно взять и скопировать в паинте, ворде или просто в интернете, а теперь давайте это суммируем и попробуем стилизовать предыдущий текст, задать ему цвет, размер и шрифт.
Впишем следующие значения, вы напишите свои и попробуйте написать и поэкспериментировать. Вот как будет выглядеть наш с вами текст
Вы же в свою очередь попробуйте разные вариации, на сегодня все, в принципе, мы с вами уже отработали практически все вариации форматирования текста, отработайте их, в различных вариациях, плюс примените навыки которые вы уже изучили на прошлых уроках, в следующем уроке мы с вами изучим размещение видео и фотографий, после чего вы получите образец сайта, который нужно будет сверстать один в один. Спасибо за внимание!!!