Приветствую Вас Гость Понедельник, 25.09.2017, 03:37

web-stroytel


Работа с текстом


Теперь надо уметь работать над видом текста своей страницы. Для этого есть специальные теги. Мы не будем, конечно рассматривать каждый из них сейчас, ведь некоторые используются очень редко.  Так что выучим только самые важные из них.

Тег <BR> - используется для переноса строки.

Этот тег один из самых важных и частых в работе, его мы изучим первым. К тому же он не требует закрывающего тега. 

Приведу пример:



Это первая строка текста <br>
Уже вторая<br>


Тег <P> применяется для оформления параграфов текста.

 Рассмотрим этот тэг в действии ( на примере ). В качестве примера текста я использую этот текст:



<p align="left">Первый абзац выровнен по левому краю (<strong>align=&quot;left&quot;</strong>).</p>
<p align="center"><br />
Второй абзац выровнен по центру (<strong>align=&quot;center&quot;</strong>).</p>
<p align="right"><br />
Третий выровнен по правому краю (<strong>align=&quot;center&quot;</strong>).</p>
<p align="justify"><br />
И наконец четвертый выровнен по ширине (<strong>align=&quot;justify&quot;</strong>). </p>



Атрибут: ALIGN


Разбираемся в написанном:
Первый абзац выровнен по левому краю (align="left").
Второй абзац выровнен по центру (align="center").
Третий выровнен по правому краю (align="center").
И наконец четвертый выровнен по ширине (align="justify")

Теги H1,H2,...H6 для разбития текста на уровни.

Служит для разбития текста на уровни, разделы и подразделы. Существует всего 6 уровней заголовков, отличающихся по величине шрифта.<h1> - самый большой  заголовок, <h2> - поменьше...,а <h6> - самый маленький.

Пример:


<h1>Заголовок H1</h1>
<h2>Заголовок H2</h2>
<h3>Заголовок H3</h3>
<h4>Заголовок H4</h4>
<h5>Заголовок H5</h5>
<h6>Заголовок H6</h6>


Возможные атрибуты:

ALIGN - определяет способ  выравнивания заголовков.


Тег DIV - используется как удобный контейнер для блоков страницы.

"Див" просто перемещать, изменять отступы и т.п. Обязателен закрывающий тег!

Возможные атрибуты:

ALIGN - определяет способ горизонтального выравнивания контейнера.


SPAN - Используется для придания различных стилей тексту.

Пример:


<p>Span <span class="стиль1">красный текст</span></p>

И да будет у меня красный: Span красный текст, поскольку я его здесь прописал.
С помощью элемента Span можно задать каждой букве текста отдельный цвет, размер и т.п. Его не нужно зубрить запомните - он есть. Позже, при работе с такими программами как Dreamweaver его знание почти будет ненужно.

STRONG - жирный шрифт

Раньше  использовали тег <b> - его можно использовать  сейчас, но это не приветствуется поисковыми системами.

Пример:


<strong> Весь этот текст будет выделен жирным </strong>


Тег <I> - выделение курсивом

Сейчас лучше использовать тег <EM> (Emphasis). В  Adobe Dreamweaver на текстовой панели форматирования написано "I", а в коде пишется EM.

Пример:


<em> Этот текст будет  курсивом </em> <br>


U(Underline) - делает текст  подчеркнутым

Пример написания:


<u> Текст будет подчеркнутым!!! </u>


S(Strike) - Текст будет перечеркиваться!



У нас <s> не знают html </s> знают html!


FONT - Позволяет изменять цвет, размер и шрифт текста. Пример:



<font color="red"> Текст будет красным </font><br>
<font color="#FF0000"> Текст тоже будет красным </font><br>
<font size="+4">  Будет большого размера текст </font><br>
<font size="-2"> Этот текст будет маленький </font><br>
<font size="+4" color="#FF0000"> Этот текст  огромного размера и красный


Атрибуты:

SIZE - Задает размер шрифта - 1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR - Задает цвет.

FACE - определяет  шрифт.


UL (Unsorted List) - Создает неупорядоченный список. 


Пример:


<ul>
<li> Первый пункт списка </li>
<li> Второй пункт списка </li>
<li> Третий пункт списка </li>
<li> Четвертый пункт списка </li>
</ul>

  Выглядит:
  •   Первый пункт списка
  •   Второй пункт списка
  •   Третий пункт списка
  •   Четвертый пункт списка


OL (Ordered List)- Создает упорядоченный список.

Между тегами должны присутствовать  элементы LI, обозначающих пункты списка.

Атрибуты:

 START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала.

 TYPE – определяет стиль нумерации пунктов списка.

Значения:

"A" – заглавные буквы A, B, C ...
"a" – строчные буквы a, b, c ...
"I" – большие римские числа I, II, III ...
"i" – маленькие римские числа i, ii, iii ...
"1" – арабские числа 1, 2, 3 ...


См. также

Следующий  цвет фона и текста
ПредыдущийСоздаем свою первую страничку

Регистрация
Поиск
Опрос:
Сколько Вам лет?
Всего ответов: 75
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



 При копировании материалов ссылка на источник обязательна.
 Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
 Шаблон защищен авторским правом. подробнее