Среда, 22.01.2025, 03:12
Приветствую Вас, Гость | RSS
Меню сайта
Free Bitcoin
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс.Метрика
<p > и </p>

Используется для разметки параграфов в html документах.
В этом теге можно использовать атрибут: align="left" (для выравнивания текста).
align="left" - выравнивание по левому краю (по умолчанию тоже по левому);
align="right" - выравнивание по правому краю;
align="center" - выравнивание по центру;
align="justify" - выравнивание по ширине

Пример:

<p > Этот параграф по левому краю (т.к. по умолчанию).</p>
<p align="left"> Этот параграф по левому краю.</p>
<p align="right"> Этот параграф по правому краю.</p>
<p align="center"> Этот параграф по центру.</p>
<p align="justify"> Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине.</p>
Вот так это выглядит на странице:

Этот параграф по левому краю (т.к. по умолчанию).

Этот параграф по левому краю.

Этот параграф по правому краю.

Этот параграф по центру.

Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине. Этот параграф по ширине.

<h1> и </h1>, <h2> и </h2>,...<h6> и </h6>

Применяются для разбивания текста на смысловые уровни - разделы и подразделы. Существует шесть уровней заголовков, различающихся по величине шрифта.
В этом теге можно использовать атрибут: align="left" (для выравнивания текста).
align="left" - выравнивание по левому краю (по умолчанию тоже по левому);
align="right" - выравнивание по правому краю;
align="center" - выравнивание по центру;

Пример:

<h1>Большой заголовок</h1>
<h2>Заголовок поменьше</h2>
<h3>Еще меньше</h3>
<h4>Совсем маленький</h4>
<h5>Малюсенький заголовочек</h5>
<h6>Ну просто лилипутский заголовочек</h6>
Вот так это выглядит на странице:

Большой заголовок

Заголовок поменьше

Еще меньше

Совсем маленький

Малюсенький заголовочек
Ну просто лилипутский заголовочек

<br>

Данный элемент осуществляет перенос строки. Не имеет закрывающего тега.


<div> и </div>

В современном сайтостроении используется как удобный контейнер для блоков html кода страницы, которым легко динамически манипулировать – перемещать, регулировать отступы, скрывать и т.п.
В этом теге можно использовать атрибут: align="left" (для выравнивания текста).
align="left" - выравнивание по левому краю (по умолчанию тоже по левому);
align="right" - выравнивание по правому краю;
align="center" - выравнивание по центру;
align="justify" - выравнивание по ширине
Находящиеся между начальным и конечным тегами текст или HTML-элементы выделяются как бы в отдельный параграф, но отступы гораздо меньше.


<span> и </span>

Используется для выделения части информации и придания ей различных стилей.
В этом теге можно использовать атрибуты:
font-size - размер шрифта;
color - цвет текста (Задается либо RGB-значением в шестнадцатиричной системе, либо RGB-значением трех основных цветов, либо одним из 16 базовых цветов).

Пример:

<span style="font-size: 12pt; color: #ffd700;">Здесь текст, к которому применяется тег</span>
<span style="font-size: 12pt; color: rgb(230, 230, 250);">Здесь текст, к которому применяется тег</span>
<span style="font-size: 12pt; color: red;">Здесь текст, к которому применяется тег</span>
Вот так это выглядит на странице:

Здесь текст, к которому применяется тег Здесь текст, к которому применяется тег Здесь текст, к которому применяется тег

<strong> </strong> или <bold> </bold> или <b> </b>

Выделяет текст, заключенный между открывающим и закрывающим тегами, жирным шрифтом. Раньше везде использовался тег <bold> (или <b> ), в принципе его можно использовать и сейчас, но это не приветствуется поисковыми системами.


<em> </em> или <i> </i>

Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег <i> , однако его лучше не использовать т.к. это не приветствуется поисковыми системами.


<u> </u>

Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый.


<s> </s>

Отображает помещенный между открывающим и закрывающим тегами текст как перечеркнутый.


<sup> </sup>

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


<sub> </sub>

Отображает текст, заключенный между открывающим и закрывающим тегами, как нижний индекс от основного текста.

Пример:

<strong>жирный текст</strong> <br>
<em>текст курсивом</em> <br>
<u>подчеркнутый текст</u> <br>
<s>перечеркнутый текст</s> <br>
х<sup>2</sup> <br>
C<sub>2</sub>H<sub>5</sub>OH<br><br>

<strong>
  <em>
   жирный текст курсивом <s>перечеркнутый текст</s> жирный текст курсивом
  </em>
</strong>
Вот так это выглядит на странице:

жирный текст
текст курсивом
подчеркнутый текст
перечеркнутый текст
х2
C2H5OH

жирный текст курсивом перечеркнутый текст жирный текст курсивом

<font> </font>

Позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим и закрывающим тегами.
В этом теге можно использовать атрибуты:
size - Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.
color - цвет текста (Задается либо RGB-значением в шестнадцатиричной системе, либо RGB-значением трех основных цветов, либо одним из 16 базовых цветов).
face - определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех. Иначе гарантий нет!

Пример:

<font size="+2" color="green" face="Courier New">Здесь увеличенный зеленый текст, написанный шрифтом Courier New</font><br>
<font size="3" color="green" face="Times New Roman">Здесь обычный зеленый текст, написанный шрифтом Times New Roman</font>
Вот так это выглядит на странице:

Здесь увеличенный зеленый текст, написанный шрифтом Courier New
Здесь обычный зеленый текст, написанный шрифтом Times New Roman

Если написано size="+2" то это означает увеличить на 2 единицы шрифт по сравнению со стандартным. Обычно стандартный размер шрифта равен 3.
Примечание: В дальнейшем (после изучения css) лучше вообще все что связано с типом, размером и цветом шрифта делать через таблицы стилей. Это гораздо удобнее, тем более многие элементы форматирования текста расположенные внутри элемента font, работают некорректно.


<hr>

Cлужит для вставки в текст горизонтальной линии. Закрывающего тега нет!
В этом теге можно использовать атрибуты:
width – определяет длину линии в пикселах или процентах от ширины окна браузера.
size – толщина линии в пикселах.
align - определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения: left, right, center (используется по умолчанию).
noshade – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
color – задает цвет линии. Атрибут работает только в Internet Explorer.

Пример:

<hr noshade width="50%" size="2" align="left" color="red">
Вот так это выглядит на странице:


<ul>

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


<ol>

Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов li, обозначающих отдельные пункты списка.
В этом теге можно использовать атрибуты:
type - определяет стиль нумерации пунктов списка.
start - определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала.

Возможные значения:
"A" - заглавные буквы A, B, C ...
"a" - строчные буквы a, b, c ...
"I" - большие римские числа I, II, III ...
"i" - маленькие римские числа i, ii, iii ...
"1" - арабские числа 1, 2, 3 ...
Значение по умолчанию <ol type="1">.


<li>

Создает пункт в списке. Располагается внутри элементов ol или ul. Закрывающий тег писать желательно, но не обязательно, это уже решать Вам.
В этом теге можно использовать атрибуты:
value - изменяет порядок нумерации элементов списка. Используется только если элемент <li> находится внутри элемента <ol>. В качестве значения указывается порядковый номер элемента.

Пример:

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

<ol type="A">
<li>Пункт А</li>
<li>Пункт B</li>
<li>Пункт C</li>
<li>Пункт D</li>
</ol><br>

<ol type="1" start="2">
<li>Второй пункт</li>
<li>Третий пункт</li>
<li>Четвертый пункт</li>
<li value="8">Восьмой пункт</li>
</ol><br>
Вот так это выглядит на странице:

  • Первый пункт
  • Второй пункт
  • Третий пункт
  • Четвертый пункт

  1. Пункт А
  2. Пункт B
  3. Пункт C
  4. Пункт D

  1. Второй пункт
  2. Третий пункт
  3. Четвертый пункт
  4. Восьмой пункт


&nbsp;

Дело в том, что для языка HTML не имеет значения 1 пробел, 2 или больше - он показывает в тексте как 1 пробел, чтобы увеличить расстояние между словами можете поставить этот код, а при необходимость его можно ставить несколько раз.


&lt; и &gt;

Эти символы необходимо писать, если необходимо в текст вставить < и >. Дело в том, что эти значки HTML воспринимает как команды.
Вход на сайт
Поиск
Connect Foto
SmartCAT