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

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

Для создания заголовков в HTML, существуют теги <H> </H>, эти теги могут принимать значение от 1 до 6 ,например, размер шрифта, заключенный в теги :

<H1>Текст</H1>

<H2>Текст</H2>

<H3>Текст</H3>

<H4>Текст</H4>

<H5>Текст</H5>
<H6>Текст</H6>

Для придания размера шрифта,можно использовать теги<font> </font> со значением size, но в отличии от тегов <H> </H>, шрифт не будет жирным, например:

<font size="+4">Текст будет таким</font>

<font size="+3">Текст будет таким</font>

<font size="+2">Текст будет таким</font>

<font size="+1">Текст будет таким</font>

<font size="-1">Текст будет таким</font>

<font size="-2">Текст будет таким</font>



В тегах <font> </font>, применяется и элимент FACE, задает имя шрифта,например:

<font face="arial">Шрифт будеттакой</font>

<font face="Courier">Шрифт будеттакой</font>

<font face="Comic Sans MS">Шрифт будет такой</font>



Так же в тегах <font> </font>, атрибутом COLOR, задается цвет шрифта, например:

<font color="#FF3300">Цвет текста будет такой</font>

<font color="#9933CC">Цвет текста будет такой</font>

<font color="#993333">Цвет текста будет такой</font>



Тегами <SPAN> </SPAN>, с элементом STYLE, задается цвет под конкретным текстом,например:

<span style="background-color: #FF0033"> Текстбудетвыглядетьтак</span>

<span style="background-color: #FFFF00"> Текстбудетвыглядетьтак</span>

<span style="background-color: #66FFFF"> Текстбудетвыглядетьтак</span>



Для переноса текста на другую строку применяется не парный тег<br>. Для создания абзацев существует теги <p> </p>, в которых можно задавать значения элемента ALIGN. Например:

<p align="center">Текст будет располагаться в центре страницы </p>

<p align="right">   Текст выравняится по правому краю страницы </p>

<p align="left">    Текст выравняится по левому краю страницы </p>

<p align="justify">Выравняет текст по обеим сторонам страницы </p>

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

Текст курсивом, между тегами <I>Текст жирный, курсивом </I>

Текст подчеркнутый между тегами <U>Текст жирный подчеркнутый</U>

Текст зачеркнутый между тегами <STRIKE> Текст зачеркнутый</STRIKE>

 

СПИСКИ НА САЙТЕ

 

Списки бывают маркированные и нумерованные. Маркированные списки оформляются тегами <UL></UL> Между этими тегами пишутся теги <LI></LI>, Внутри которых, пишется элемент списка. К тегам <UL></UL>применяется атрибут TYPE=".." со значениями Square - квадратик, Circle- незакрашенный кружок, Disk - закрашенный кружок. Например для такого списка

  • Художественная литература
  • Техническая литература
  • Другая литература

Код будет таким:

<UL TYPE="square">
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</UL>

Если изменим значение TYPE="circle", список будет выглядеть так:

  • Художественная литература
  • Техническая литература
  • Другая литература

Значение TYPE="disk", маркировка списка будет такой: (это значение идет по умолчание, его вставлять не надо, привожу только для примера)

  • Художественная литература
  • Техническая литература
  • Другая литература

Нумерованные списки оформляются тегами <OL></OL> так же со значениями в атрибуте TYPE="..", в котором указывается как будет пронумерован список, по умолчанию, нумерованный список оформляется арабскими цифрами.

Таким кодом

<OL>
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Получится такой список:

1.     Художественная литература

2.     Техническая литература

3.     Другая литература

Если в код добавит атрибут со значением TYPE="A"

<OL TYPE="A">
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Нумерация списка будет такой:

A.   Художественная литература

B.    Техническая литература

C.    Другая литература

Соответственно, если поставить маленькую букву a, то нумерация всего списка будет маленькими буквами, если поставить <OL TYRE="I">, то список будет пронумерован римскими цифрами:

       I.            Художественная литература

    II.            Техническая литература

 III.            Другая литература

Списки могут быть и вложенными, например так:

1.     Художественная литература

o        Поэзия "....."

o        Проза "...."

o        Драматургия "....."

2.     Техническая литература

3.     Другая литература

Код будет таким:

<OL>
<li>
Художественная литература</li>
<UL>
<li>Поэзия</li>
<li>Проза</li>
<li>Драматургия</li>
</UL>

<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Еще один параметр, применяемый к спискам в теге <OL> START="..." с цифровым значением. Он задает с какой цифры начнется нумерация списка.Если код будет таким <OL START="5">, то нумерация списка начнется не с 1, а с 5

 

Если Вам понравилась страница - поделитесь с друзьями:

Оставить комментарий

Комментарии: 1
  • #1

    Николай (Суббота, 13 Май 2017 02:25)

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