Блог Ловцовых

Как использовать тег <SPAN>? Форматирование текста

Подробное описание принципов работы тега <SPAN>, описаны параметры, которые используются для оформления текста в HTML страницах. Даны практические советы, приведены примеры того, какие параметры необходимо использовать в теге, чтобы изменить стиль шрифта, размер шритфа, цвет, отступы.

Для оформления текста в HTML страницах ранее использовали тег <font>, у которого есть три основных параметра: face, size и color. Сейчас данный тег использует редко, его вытеснил тег <span> в котором значительно больше параметров и возможных оформлений, потому что в данном теге можно использовать правила CSS для оформления текст на страницах.
Для того чтобы указать шрифт для текста Times New Roman, Tahoma или Arial, а также изменить размер текста на 14 пикселей нужный текст необходимо заключить между тегами <span> и </span>. В теге <span> нужно прописать параметр “style” в котором можно использовать правила CSS для оформления вписать шрифт и размер текста. Например, чтобы сделать текст шрифтом Arial в 14 пикселей необходимо заключить текст между тегами и использовать такие правила CSS:
<span style=»font-family:Arial; font-size:14px;»>Текст<span>
В данном случае будет использоваться шрифт Arial размером 14 пикселей.
В параметре “style” также можно изменять цвет текст, сделать текст полужирным, подчеркнутым или добавить отступы добавить ему отступы.

Как использовать тег <SPAN>? Форматирование текста

Для того чтобы сделать текст полужирным в параметре “style” нужно прописать font-weight:bold, подчеркнутым — text-decoration:underline. Для изменения цвета текста необходимо использовать атрибут “color” указав код цвета #000000 или его название “black”: color:#000000, для добавления отступа используется атрибут padding-left с указанием отступа в пикселях, например, для создания отступа слева в 15 пикселей необходимо прописать: padding-left:15px. Например, для того чтобы сделать текст шрифтом Tahoma, размером 15 пикселей, полужирным, подчеркнутым с отступом слева в 10 пикселей необходимо использовать конструкцию:
<span style=»font-family:Tahoma; font-size:15px; font-weight:bold; padding-left:10px;»>Текст<span>
В оформление текста с помощью тега <span> нет ничего сложного, освоив основные параметры и атрибуты, изменить оформление текста не составит проблем.

автор: Ловцова Елена

Я тут недавно, буквально на днях приобрела Евростиль — Ноутбук Panasonic TOUGHBOOK CF-19 все параметры меня полностью устроили и память хорошая, имеется Bluetooth, Wi-Fi, ну всего не перечислишь, в общем полный порядок. 

Кстати тоже интересно почитать

• Для чего нужен Robots.txt
• Как появлялся iPhone
• Регистрация сайта в Яндекс.Каталоге и DMOZ.
• Продвижение сайта статьями
• Создаем сайт по пунктам
• Заработок на работе с текстами
• Не упустите читателя на своём блоге!
• Windows 8 — прогресс не стоит на месте
• Эксперты обнаружили первый «браузерный троян» для Android
• Что ищут люди в интернете?

No related posts.