html теги текст

html теги

Для того чтобы текст на web-странице предстал в таком же виде, как вы сделали его в Word, не возможно просто перенести его в неизменном виде в контент-редактор сайта или html-код. Все данные об отступах, выделениях текста жирным или курсивом уничтожатся.

Поэтому при работе с текстом нужно использовать специальные html теги текста. Приведем ниже основные из них.

• Создание абзаца
Для создания абзаца используется тег <P>…</P>.
Следует знать, что по умолчанию браузер переносит слова на новую строку, когда текст достигает края обозревателя, и выравнивает текст по левому краю.
Можно сделать выравнивание по правому краю или по центру, используя для этого следующие теги:

<P ALIGN=’right’ >Абзац выровнен вправо</P>
<P ALIGN=’center’ >Абзац выровнен по центру</P>

Если вы хотите, чтобы какое-то предложение всегда шло в одну строку, то для этого следует включать в тег абзаца тег <NOBR>…</NOBR>. Ср.:

<P <NOBR>Предложение идет цельной строкой, без переносов слов</NOBR></P>

• Разрыв строки (перенос строки)
Для того чтобы начать текст с новой строки, необходимо поставить в месте обрыва строки тег <BR>. Текст перенесется на следующую строку, но при этом не будет добавлена пустая строка как это происходит при использовании тега абзаца.
Пример:
Я хочу перенести текст следующий далее<BR>
на следующую строку.

• Управление пробелами и отступами текста (тег пробела и тег отступа)
Бывают ситуации, когда какие-то предложения в тексте, его части, нужно оформить с обязательными дополнительными пробелами.Обозреватели не видят дополнительных символов пробелов, которые мы устанавливаем в текстовом редакторе (например, Word-e), автоматически задавая для всех слов в тексте одинарные пробелы и отступы. Для того, чтобы на странице сайта текст отобразился в таком виде как мы подготовили его в текстовом редакторе, необходимо заключить переносимый текст в тег <PRE>…</PRE>. Этот тег заставляет учитывать все символы пробелов и табуляции, которые есть в тексте, заключенном между ними.
Наверное, вы замечали, что тексты в интернет-изданиях публикуются без красных строк. То есть начало абзаца не имеет перед собой отступов пробелами. Для того, чтобы установить их, а также для того, чтобы добавить дополнительные пробелы в места, где это необходимо, нужно воспользоваться тегом .
Если в текстовом редакторе мы делаем это, нажимая несколько раз подряд на длинную вытянутую кпопку на клавиатуре, то в случае с web-страницей, нам необходимо поставить необходимое количество раз тег .
Пример:
<P> Этот абзац начинается с красной строки в три пробела…</P>

Для создания так называемых врезок текста (абзацев с укороченным левым и правым полем…) воспользуйтесь тегом <BLOCKQUOTE> …</ BLOCKQUOTE>

• Установка шрифта
За этот параметр отвечает тег <FONT>. Он позволяет устанавливать параметры текста, такие, как гарнитура, размер и цвет шрифта.
Гарнитура шрифта устанавливается с помощью параметра FACE. Пример тега для задания определенной гарнитуры шрифта:
<FONT FACE = ‘Arial’> текст, который будет выделен этим шрифтом</FONT>

Следует помнить, что далеко не все шрифты есть на компьютерах пользователей. Наиболее распространенные это Times New Roman, Arial, Courier. Если вы поставите такое шрифт как Garamond или Partner, то далеко не факт, что он отобразится на экране пользователя. В этом случае браузер отобразит текст шрифтом, заданном по умолчанию.

• Изменение размера шрифта
За размер шрифта отвечает параметр SIZE. В языке HTML размер шрифта задается не кеглем (10-й, 12-й и пр.), а номером шрифта от 1 до 7. Ниже приведена таблица соответствия номеров шрифтов размерам шрифта в кеглях.

<P>
<FONT SIZE =’1’ FACE = ‘Arial’>Мы задали шрифт Arial первого размера </Font><BR></P>

Цвет текста устанавливается через параметр COLOR тега FONT. При этом каждому цвету в языке HTML присвоен шестнадцатеричное числовое значение. Например, красный имеет код #FF0000, синий - #0000FF.
Тег для установки цвета выглядит следующим образом:
<FONT COLOR=’#FF0000’>
Для некоторых стандартных цветов существуют именные коды – это названия цветов на английском. Например, зеленый – green, серебрыный – silver и пр.
Именный указатели цветов также можно включать в теги.
<FONT COLOR=’red’>

• Выделение полужирным, курсивом, подчеркивание
Теги для форматирования текста
Полужирным - <B>…</B>
Курсивом <I>…</I>
Подчеркиванием <U>…</U>


Источник: http://inetprofy.ru

Рекомендуем



Как посмотреть html код страницы В этом окне можно не только просмотреть код, но и скопировать его для использования в качестве основы своей web-страницы


Тег гиперссылки Часто на занятиях слушатели просят показать им теги, в частности тег гиперссылки


Понятие гипертекста Если писатели-постмодернисты хотели и хотят заставить читателя думать, додумывать и принимать участие в создании произведения, то эта же самая тенденция действует в сетевом пространстве