Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

Для добавления изображения на веб-страницу используется одинарный тэг <img>, атрибут src которого определяет адрес графического файла. Общий синтаксис добавления изображения будет следующий:

<img src="URL" alt="альтернативный текст">

URL (Universal Resource Locator, универсальный указатель ресурсов) представляет собой путь к графическому файлу. Для его указания можно использовать как абсолютный, так и относительный адрес. 

Атрибуты и значения тэга <img>:

·  src="" – обязателен, он указывает на источник изображения.

·  alt="" – определяет альтернативный текст, комментарий, который считывает поисковый робот при анализе содержимого web-страницы. Его также нужно обозначать.

·  width="" – определяет ширину изображения в пикселях.

·  height="" – определяет высоту изображения в пикселях.

·  hspace="" – определяет расстояние между изображением и текстом по горизонтали.

·  vspace="" – определяет расстояние между изображением и текстом по вертикали.

·  Title="" – подпись, которая высвечивается при наведении на изображение.

·  border="" – толщина границы изображения. 0 - нет границы, 1 - самая тонкая граница и т. д.

Как правило, изображения хранятся не в той же папке, что и сам html-файл. Для этого в той же директории создаётся папка images (или img, тут на вкус и цвет). А в неё уже кладутся все нужные изображения. В случае с отдельным хранением нужно будет прописывать для атрибута src уже другой адрес.

НЕ нашли? Не то? Что вы ищете?

Пример 10:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. w3.org/TR/html4/strict. dtd">

<html>

<head>

<title>Пример 10</title>

</head>

<body> <p><img src="http://html. manual. ru/sites/all/themes/gb_strict/html. manual. ru/logo. gif" alt="Абсолютная адресация"></p> <p><img src="ris. jpg" alt="Относительная адресация" width="300" height="200" title="Тим Бернерс-Ли"></p>

</body>

</html>

3. Фоновое изображение в HTML

В качестве фонового изображения могут выступать файлы с расширениями gif, jpg, jpeg и png. В том случае, если размер изображения меньше окна браузера, то изображение будет автоматически дальше заполнять оставшийся фон. В body используем атрибут background, в котором прописываем путь к изображению.

Пример 10_1:

<html>

<head>

<title>Пример 10_1</title>

</head>

<body background="images/i. jpg">

<center><h1>Теперь есть фон!</h1></center>

</body>

</html>

Замечание:Будьте осторожны с фоновыми картинками. Во-первых, они должны быть невелики по размеру, чтобы страница быстро загружалась. Во-вторых, они должны иметь свойство текстуры, то есть при выкладывании таких картинок не должно быть видно швов, рисунки должны плавно перетекать друг в друга. И, в третьих, помните, что читать текст поверх текстур очень неудобно.

Списки в HTML

В HTML списки бывают:

·  нумерованные

·  маркерованные

·  вложенные (комбинированные)

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

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

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

В нумерованных списках каждый пункт нумеруется арабскими или римскими цифрами или латинскими буквами. Нумерованный список задается тэгом <OL>…</OL>. Внутри этого тэга помещаются элементы списка, каждый из которых помечается тэгом <LI>…</LI>.

Структура нумерованного списка:

<OL>

<LI>…</LI>

<LI>…</LI>

…

<LI>…</LI>

</OL>

У тэга <OL> есть следующие атрибуты:

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

TYPE - определяет стиль нумерации пунктов. Может иметь значения:

"A" - заглавные буквы A, B, C...

"a" - строчные буквы a, b, c...

"I" - большие римские числа I, II, III ...

"i" - маленькие римские числа i, ii, iii ...

"1" - арабские числа 1, 2, 3 ...

По умолчанию <UL TYPE="1">.

Пример 11-1:

<OL TYPE="I" START="2">

<LI> Пункт два </LI>

<LI> Пункт три </LI>

<LI> Пункт четыре </LI>

</OL>

У тэга <LI> есть атрибут VALUE , который изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Пример 11-2:

<OL TYPE="A" START="2">

<LI> Пункт, озаглавленный буквой B. </LI>

<LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>

<LI> Пункт, озаглавленный буквой G. </LI>

</OL>

2.  Маркерованный список

В маркерованных списках каждый пункт нумеруется не цифрами или буквами, а маркерами. Маркерованный список задается тэгом <UL>…</UL>. Внутри этого тэга помещаются элементы списка, каждый из которых помечается тэгом <LI>…</LI>.

Структура нумерованного списка:

<UL>

<LI>…</LI>

<LI>…</LI>

…

<LI>…</LI>

</UL>

По умолчанию маркер отображается в виде черного кружочка. Это можно изменить с помощью атрибута TYPE:

"disc" - закрашенный кружочек.

"circle" - пустой кружочек.

"square" - закрашенный квадратик.

Пример 11-3:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. w3.org/TR/html4/strict. dtd">

<html>

<head>

<title>Пример 11_3</title>

</head>

<body>

<ul type="disc">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

<ul type="circle">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

<ul type="square">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

</body>

</html>

3.  Вложенные (многоуровневые)

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

Пример 11_4:

<head>

<title>Пример 11_4</title>

</head>

<body>

<ol>

<li>

<ul type="disc">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

</li>

<li>

<ul type="circle">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

</li>

<li>

<ul type="square">

<li>строка 1</li>

<li>строка 2</li>

<li>строка 3</li>

</ul>

</li>

</ol>

</body>

</html>

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

Списки определений используются в словарях. Каждый пункт состоит из двух частей: термин и его определение.

Чтобы указать браузеру, что будет список определений, используются тэги <dl>…</dl>. Каждый термин заключается в тэги <dt>…</dt>, а их определения - в тэги<dd>…</dd>.

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7