Работа в сети интернет - возможность хорошо зарабатывать...

Главная | Регистрация | Вход
Пятница, 19.08.2022, 05:21
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
HTML учебник [12]
Java Script учебник [1]
CSS учебник [2]
PHP учебник [1]
Главная » Статьи » Учебники » HTML учебник

Форматирование текста в HTML. Урок 4

Форматирование текста в HTML. Урок 4


Здравствуйте дорогие друзья. Речь сегодня пойдёт об особенностях форматирования текста в HTML. Так как форматирование  текста в Html имеет ряд своих особенностей,которых нам с вами необходимо рассмотреть.

 

Теги форматирования текста в HTML.

Для того что бы придать вашему тексту смысловой нагрузки необходимо использовать специальные теги форматирования. Тег параграфа (<p>) является одним из более значимых. Теги <strong> необходим для увеличения смысловой нагрузки. Для более сильного увеличения смысловой нагрузки мы используем (жирный текст) и <em> – отвечает за  среднее увеличение смысловой нагрузки (это курсивный текст).

 Написанное между этими тэгами играет очень важную роль ведь именно они увеличивают смысловую нагрузку а не просто жирное или курсивное выделение в отличии от тегов <b> (жирный текст) и <i> (курсивный текст). А уже как будет отображаться текст это дело браузера но для большинства из них выделения текста текст жирным или курсивом предпочтительно. Визуально отличий как бы и нет, но для поисковиков это играет значительную роль.

<p>
<strong>
важный</strong>
<b>жирный</b>
<em>
значимый</em>
<i>
курсивный</i>
</p>

 

Важными тегами форматирования текста считаются теги <br> и <nobr>.

 

Тэг <br> позволяет разорвать строку с текстом, продолжив её написание с новой строки. Атрибут clear в теге <br> может быть  использован для отмены обтекания объекта текстом , находящегося рядом с текстом. В этом случае текст продолжается с первой новой строки после объекта.

Тег <nobr> означает написание текста без разрыва строки, даже если он не умещается на ширину экрана (в этом случае внизу экрана появится полоса прокрутки).

 

Использование тега PRE.

К одной из особенностей форматирования html относится то, что если вы скопируете текст из другого текстового редактора (например MS Word), то форматирование текста не будет сохранено. Для копирования текста из текстового редактора с сохранением форматирования используется тег <PRE>:

 <pre>
Это 
предварительно форматированный текст.
Он сохраняет как пробелы в любом количестве, 
так и переносы строк.
</pre>
 

Заголовки.

Являются важным элементом форматирования текста .Заголовки бывают 6–ти основных уровней от H1 (самый большой) до H6 (самый маленький). Посмотреть на каждый из них я предлагаю вам в таблице под текстом:

Уровень заголовка
Вид
h1
h1
h2
h2
h3
h3
h4

h4

h5

h5

h6

h6

Выравнивание элементов .

Тэг align необходим для выравнивания элементов. 

 

Значение
Вид
justify
Выравнивание текста по ширине
left
Выравнивание по левому краю
right
Выравнивание по правому краю
center
Выравнивание по центру


Рассмотрим пример. Допустим вам необходимо выровнять текст по ширине страницы. Нам нужно использовать вот этот код:

<p align="justify"> Написанный здесь текст будет отформатирован по ширине страницы</p>

 

Форматирование шрифта.

Тэг Font используется для форматирования шрифта. Он имеет ряд атрибутов, позволяющих придать тексту определенный шрифт, размер и цвет: 

 

Значение
Вид
face
Позволяет изменить шрифт
color
Позволяет выбрать цвет
size
Задает размер букв


В этой табличке вы можете увидеть  шестнадцатеричные коды основных цветов, иногда её называют безопасной web палитрой. Если говорить понятнее этот цвет будет отображаться везде одинаково, он не зависит не каким образом от вашего браузера или размера монитора.

 

цвет
шестнадцатеричное представление
aqua
#00FFFF
black
#000000
blue
#0000FF
fuchsia
#FF00FF
gray
#808080
green
#008000
lime
#00FF00
maroon
#800000
navy
#000080
olive
#808000
purple
#800080
red
#FF0000
silver
#C0C0C0
teal
#008080
white
#FFFFFF
yellow
#FFFF00


Приведём небольшой пример: 


<font face="verdana" color="red" size="1">

Я красный текст шрифта verdana размером 1

</font>


Вот в принципе и всё, мы с вами рассмотрели как  форматировать текст в HTML, используя основные теги форматирования. 

 

На следующем уроке мы с вами поговорим об очень важной теме: Гиперссылки в HTML. Урок 5 . Речь пойдёт о работе с  гиперссылками

Гипертекстовые переходы - основа web документов, это очень важная тема и я прошу уделить ей максимум вашего внимания. 


Предлагаю вам перейти к изучению пятого урока:  Гиперссылки в HTML. Урок 5  

/span>1


Источник:
Категория: HTML учебник | Добавил: Т_е_н_ь: (07.09.2012)
Просмотров: 487 | Теги: шрифт, Урок 4, тэги, использование, текст, выравнивание, Заголовок, html, Теги, форматирования

Обратите Ваше внимание на другие статьи:

 ПОНРАВИЛАСЬ СТАТЬЯ!? ХОТИТЕ ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ:



Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Онлайн радио
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Посетившие за день
[ Полный Список ]




 ZaroBOTAK.uCoz.ru | Copyright © 2012| Все права на сайт принадлежат Красникову Максиму | Бесплатный хостинг uCoz
Копирование материалов без указания активной ссылки на //zarobotak.ucoz.ru строго запрещено.