ГДЗ Інформатика 9 клас. Підручник [Бондаренко О.О., Ластовецький В.В.] 2017

Щоб вставити малюнок на веб­сторінку, необхідно скористатися тегом <img src="my.jpg">, де img — ім’я тегу, призначеного для вставляння зображення, src="my.jpg" — атрибут, в якому вказується ім’я файла з малюнком. В атрибуті можна використовувати імена графічних файлів із розширенням .jpg, .jpеg, .gif, .png або .bmp. Якщо малюнок і html­файл розташовані не в одній папці, то крім імені файла зазначають шлях до нього.

<img src="pr1.png" style="text-align: right">

<a href="/9-klas/computer-science-9/">Інформатика</a>

Силка на категорію - /9-klas/computer-science-9/.

Назва силки - Інформатика.

Html­код

<div class="clear strok-2"></div>

<div class="box-nav nostrilka"><div class="p-nav">

<span class="pprev">[prev-link]Назад[/prev-link]</span>

<span class="page">{pages}</span>

<span class="pnext">[next-link]Вперед[/next-link]</span>

</div></div>

***

Сss стиль.

/* --- page navigation --- */

.box-nav {display: table;width: 100%;padding: 30px 0;}

.box-nav.last-comments {padding: 0;}

.p-nav {display: block;text-align: center;}

.p-nav .pprev a, .p-nav .pnext a, .p-nav .page a, .p-nav .page span, .p-nav .page span.nav_ext {display: inline-block;padding: 13px;border: 1px solid #ccc;background: #fff;font-size: 12px;line-height: 12px;font-weight: 300;letter-spacing: 1px;text-transform: uppercase;text-align: center;color: #9a9a9a;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}

.p-nav .pprev span, .p-nav .pnext span {display: none;}

.p-nav .pprev a:hover, .p-nav .pnext a:hover, .p-nav .pprev a:focus, .p-nav .pnext a:focus, .p-nav .page a:hover, .p-nav .page a:focus, .p-nav .page span {border: 1px solid #9a9a9a;text-decoration: none;color: #444;}

@media screen and (max-width: 1279px) {.page a:nth-child(n+7) {display: none;}}

@media screen and (max-width: 991px) {.box-nav {padding: 0 0 30px 0;}}

@media screen and (max-width: 767px) {.page a:nth-child(n+1),.page span.nav_ext {display: none;}

.page > span:before {float: right;content: '-я стр';text-transform: none;}}

/* --- /page navigation --- */

Інший вигляд.

Html­код

<div class="clearfix"></div>

<nav>

<div style="text-align:center;">

<ul class="pagination">

<li>[prev-link]Назад[/prev-link]</li>

<li class="hidden-xs">{pages}</li>

<li>[next-link]Далі[/next-link]</li>

</ul>

</div>

</nav>

<div class="clearfix"></div>

***

Сss стиль.

.pagination > li > a, .pagination > li > span {

position: relative;

float: left;

padding: 6px 12px;

margin-left: -1px;

line-height: 1.42857143;

color: #D80028;

text-decoration: none;

background-color: #fff;

border: 1px solid #D80028;

}