5.2# HTML. Форматирование текста
489
25-02-2016
0

Как выделить текст подчёркиванием в html?

u - стандартное выделение подчёркиванием (лучше использовать с последними спецификациями html)
ins - так помечаются новые данные (текст, пояснение) вставленные в Ваш документ (либо добавленные, либо взамен старых). Выделяются подчёркиванием

Данные и в первом, и во втором случае будут выделен подчёркиванием.

Как сделать перечёркнутый текст в html?

Перечёркнутым выделяется текст в следующих тегах
del - внесённое исправление.
strike - стандартное перечёркивание.
s - сокращённая запись strike

<html>
   <head>
   <title>Перечёркнутый текст в html</title>
   </head>
<body>

Дважды два равно <del>пяти</del> четырём. Обычный <s>перечёркнутый текст</s>

</body>
</html>

Пример:

Дважды два равно пяти четырём. Обычный перечёркнутый текст

Как выделить текст в верхнем и нижнем индексах в html?


sub - тег, отображающий текст ниже уровня строки шрифтом меньшего размера.
sup - тег, отображающий текст выше уровня строки шрифтом меньшего размера.

<html>
   <head>
   <title>индексы в html</title>
   </head>
<body>

<p>a<sup>2</sup>+b<sup>2</sup> = c<sup>2</sup> - теорема Пифагора.</p>
<p>H<sub>2</sub>O - химическая формула воды.</p>

</body>
</html>

В браузере отобразится следующее:

5.2# HTML. Форматирование текста


Тег font в html

Для редактирования текста в html также используется тег font. Однако с введением блочной вёрстки и популярностью CSS данный способ быстро начал забываться.

Тег font указывает параметры шрифта (тип шрифта, размер, цвет). У него есть соответствующие атрибуты:

face - название шрифта. Можно приводить несколько названий шрифтов (чере запятую), так как у пользователя, просматривающего Ваш сайт, такого шрифта может НЕ быть по умолчанию или он не будет поддерживать данный язык. Например пользователь из Польши или Китая. Соответственно, если данный шрифт не найден, то используется следующий по списку.

size - активные значения от 1 до 7. Шрифт по молчанию равен 3.

color - цвет текста. Если не задать параметр, то текст будет чёрным.

<html>
   <head>
   <title>Тег font в html</title>
   </head>
<body>

<font face="Tahoma" size=5 color="blue">Шрифт Tahoma, размер 5, цвет синий.</font>

</body>
</html>

Повторюсь, данный способ устарел, поэтому советую не привыкать его использовать.

Можно ли вывести текст в том виде, в котором напечатал(а). Тег PRE

Да, действительно можно облегчить себе жизнь и избавиться от многих отступов, переносов и прочего. Для этого существует тег pre. Количество пробелов, большее одного, в коде приравнивается к одному, однако в pre текст остаётся в таком виде, в котором его ввели.

Также тег pre приятен её тем, что в нём можно использовать такие теги как: img, object, big, small, sub, sup

<html>
   <head>
   <title>Тег pre в html</title>
   </head>
<body>

<pre>Как захотели ввести текст
              так он и                отобразился!     =)</pre>

</body>
</html>

5.2# HTML. Форматирование текста


Другие теги для форматирования текста

Тег abbr обозначает аббревиатуру. Аббревиатура - сокращенное слово или словосочетание. Аббревиатуры можно встретить повсюду, например, HTML (Hypertext Markup Language), PHP (Hypertext Preprocessor).
Слово выделенное в данные теги выделяется пунктиром и при наведении выводит содержимое атрибута title

<html>
   <head>
   <title>Тег abbr в html</title>
   </head>
<body>

<abbr title="Hypertext Markup Language">HTML</abbr> 

</body>
</html>

5.2# HTML. Форматирование текста


Горизонтальная черта в html или тег hr

Для обозначения горизонтальной линии в html используется тег hr. Сверу и снизу он выделяется отступами.

У данного тега есть следующие атрибуты:
align - выравнивание горизонтальной линии. Ранее уже упоминались типы выравнивания: по левому краю (left), по центру (center), по правому (right).
width - фиксирует длину черты в пикселях или процентах
size - толщина линии
color - цвет линии
noshade - убирает рельефность линии

<html>
   <head>
   <title>Тег font в html</title>
   </head>
<body>

Обычная линия
<hr>

Линия по центру длиной 50% от ширины блока, толщина линии 2
<hr align="center" size=2 width=50%>

Линия справа, синяя, 200 пикселей<hr align="right" color="blue" width="200">

</body>
</html>


5.2# HTML. Форматирование текста
svadebnet.ruknig5.ru
0
html

Наверх

{SAPELINKS}