Атрибуты html

HTML тэги могут содержать атрибуты, позволяющие задавать поведение тэгов.

Пример тэгов с атрибутами:

<p align="center">Параграф текста с выравниванием по центру.</p>

<img src="image.gif" border="1"> - картинка с рамкой толщиной в 1 пиксел.

align="left|center|right|justify"

Горизонтальное выравнивание.

valign="top|middle|bottom"

Вертикальное выравнивание. Применяется к ячейкам таблиц.

width="число"

Ширина. Применяется к изображениям, таблицам, ячейкам таблиц.

height="число"

Высота. Применяется к изображениям, таблицам, ячейкам таблиц.

alt="текст"

Альтернативный текст (всплывающее описание). Применяется к изображениям.

Форматирование текста html

Параграф представляет собой блок текста с отступами сверху и снизу, формируется тэгами <p> </p>.

Перевод строки формируется тэгом <br>.

Блок текста формируется тэгами <div> </div>, в отличие от параграфа блок текста не имеет отступов сверху и снизу.

Текст с отступами слева и справа формируется тэгами <blockquote> </blockquote>.

Большой текст - обычний и большойтексты - формируется тэгами<big> </big>.

Маленький текст - обычний и маленькийтексты - формируется тэгами<small> </small>.

Степень - x²- формируется тэгами.

Индекс - x₂- формируется тэгами.

Для выделение текста используются особые тэги:

• жирным <b> </b>,

• курсивом <i> </i>,

• кодом <code> </code>.

Для задания цвета, шрифта, размера текста используется тэг <font> </font>:

• <font color="цвет"> </font>,

• <font face="название шрифта"> </font>,

• <font size="число"> </font>.

Возможно сочетание этих атрибутов в одном тэге: <font color="..." face="..." size="..."> </font>.

Списки html

Списки в HTML бывают трех видов:

1. Ненумерованные списки

2. Нумерованные списки

3. Списки определений

Ненумерованные список

<ul>

<li>Первый элемент списка</li>

<li>Второй элемент списка</li>

<li>Третий элемент списка</li>

<li>...</li>

</ul>

• Первый элемент списка

• Второй элемент списка

• Третий элемент списка

• ...

Нумерованные список

<ol>

<li>Первый элемент списка</li>

<li>Второй элемент списка</li>

<li>Третий элемент списка</li>

<li>...</li>

</ol>

1. Первый элемент списка

2. Второй элемент списка

3. Третий элемент списка

4. ...

Список определений

<dl>

<dt>Первое определение</dt>

<dd>Описание первого определения</dd>

<dt>Второе определение</dt>

<dd>Описание второго определения</dd>

<dt>...</dt>

<dd>...</dd>

</dl>

Первое определение

Описание первого определения

Второе определение

Описание второго определения

...

Гиперссылки HTML

Гиперссылки используются в HTML документах для адресации одного документа на другой. Визуально гиперссылка выделяется цветом и подчеркиванием. При нажатии на гиперссылки, броузер производит загрузку страницы, на которую указывает гиперссылка.

Для преобразования какого-либо текста в гиперссылку используют тэги <a href="адрес">текст</a>.

Атрибут hrefможет содержать полный адрес страницы (с указанием сайта, на котором размещена страница), относительный адрес страницы (в этом случае подразумевается, что страница размещена на текущем сайте), или якорь, указывающий на конкретное место в текущей странице (при этом новая страница не будет загружена, броузер просто прокрутит текущую страницу до места, указанного якорем)