BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Bootstrap » Уроки Bootstrap 3.0 для начинающих (6-й урок) – продолжение работы с текстом

Уроки Bootstrap 3.0 для начинающих (6-й урок) – продолжение работы с текстом

2015-06-17 / Вр:01:13 / просмотров: 2651

Если вы изучали основы HTML, то сложностей в работе с текстом Bootstrap у вас не должно быть. А все потому, что вы можете использовать обычные теги, которые вы знаете из HTML для выделения текста жирным, курсивом, подчеркнутым, зачеркнутым и т.д. Все эти теги будут работать в Bootstrap. Давайте их просмотрим.

Полужирный текст
Если вам нужно сделать выбранную часть текста полужирным, используйте для этого тег <b></b>:

<b>Полужирный текст</b>

Жирный текст
Если вам нужно сделать выбранную часть текста жирным, используйте для этого тег <strong></strong>:

<strong>Акцентированный текст (жирное начертание)</strong>

Увеличить размер на одну единицу
Если вдруг на сайте нужно увеличить размер текущего шрифта на одну единицу, воспользуйтесь тегом <big></big>:

<big>Текст с увеличенным размером шрифта</big>

Уменьшить размер на одну единицу
Если на сайте нужно уменьшить размер текущего шрифта на одну единицу, воспользуйтесь тегом <small></small>:

<small>Текст с уменьшенным размером шрифта</small>

Программный код
Если вам нужно выделить программный код, воспользуйтесь тегами <code></code>:

<code>Программный код</code>

Акцентированный текст (курсивное начертание)
Для курсивного начертания текста воспользуйтесь тегами <em></em>:

<em>Акцентированный текст (курсивное начертание)</em>

Курсивное начертание текста

<i>Курсивное начертание текста</i>

Выделенный текст
Если вам нужно выделить текст фоновым цветом, используйте тег <mark></mark>:

<mark>Выделенный текст</mark>

Нижний  и верхний  индексы текста
Здесь, я думаю, объяснять ничего не нужно, сам принцип ясен:

<sub>Нижний</sub> и <sup>верхний</sup> индексы текста

Подчеркнутый текст
Если нужно подчеркнуть текст, пробуйте тег <ins></ins>:

<ins> Отображается подчеркнутый тест </ins>

Перечеркнутый текст
Если нужно перечеркнуть текст, пробуйте тег <del></del>:

<del>Отображается перечеркнутый текст </del>

Я скомбинирую все те теги в один код, чтобы посмотреть результат:

<p>Обычный текст</p>
<p><b>Полужирное начертание текста</b></p>
<p><strong>Акцентированный текст (жирное начертание)</strong></p>
<p><big>Текст с увеличенным размером шрифта</big></p>
<p><small>Текст с уменьшенным размером шрифта</small></p>
<p><code>Программный код</code></p>
<p><em>Акцентированный текст (курсивное начертание)</em></p>
<p><i>Курсивное начертание текста</i></p>
<p><mark>Выделенный текст</mark></p>
<p><sub>Нижний</sub> и <sup>верхний</sup> индексы текста</p>
<p><ins> Отображается тест подчеркнутым</ins></p>
<p><del>Отображается текст как перечеркнутый</del></p>

Вот такой результат будет в итоге:

Уроки Bootstrap 3.0 для начинающих (6-й урок) – продолжение работы с текстом

Вот такой простенький урок был на сегодня по Фреймворку Bootstrap. В следующих уроках вас ждут не менее интересные темы. Не пропустите! Подписывайтесь на обновления моего блога BlogGood.ru!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 703
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 3816