### Как вставить картинку в HTML-страницу?

 

Чтобы добавить картинку в *HTML* применяется [img](#n1).



### Как вставить картинку в таблицу в HTML?

 

HTML-код вставки изображения в ячейку таблицы может выглядеть следующим образом:

```
<table>
	<tr>
		<td>
		<img src="/image.jpg" alt="" />
		</td>
	</tr>
</table>
```
 

### Как вставить картинку в HTML в блокноте?

 

Для этого достаточно открыть необходимый HTML-файл в блокноте и в нужном месте прописать [тег вставки изображения](#n1), в атрибуте `src` которого следует указать путь к файлу.



### Как вставить картинку в качестве фона?

 

Чтобы применить изображение в качестве фона применяются CSS-свойства `background` и `background-image`. [Тег вставки изображения](#n1) для таких целей применять не целесообразно.



### Как вставить ссылку в картинку?

 

Для этого необходимо разместить [тег <img>](#n1) в тег a:

```
<a href="/seoportal.net">
	<img src="/image.jpg" alt="" />
</a>
```
В результате в качестве анкора ссылки будет применено указанное изображение.



### Как вставить картинку по центру?

 

Чтобы выровнять изображение по центру веб-страницы применяются CSS-свойства.

Т. к. [img](#n1) является строчным HTML-элементом, можно прописать родительскому элементу изображения CSS-свойство `text-align` со значением `center`:

```
<p style="text-align:center">
	<img src="/image.jpg" alt="" />
</p>
```
Также можно переопределить свойства тега img, сделав его блочным с помощью CSS-свойства `display` со значением `block`. В результате к элементу изображения можно применить стандартный способ выравнивания блочных элементов по центру:

```
<img src="/image.jpg" alt="" style="display:block; margin: auto" />
```