ГДЗ Информатика 9 класс. Учебник [Бондаренко А.А., Ластовецкий В.В.] 2017

1. Как вставить рисунок на вебсайт?
Чтобы вставить рисунок на вебсайт, необходимо воспользоваться тегом <img src = "my.jpg">, где img - имя тега, предназначенного для вставки изображения, src = "my.jpg" - атрибут, в котором указывается имя файла с рисунком. В атрибуте можно использовать имена графических файлов с расширением .jpg, .jpеg, .gif, .png или .bmp. Если рисунок и html-файл расположены не в одной папке, то кроме имени файла отмечают путь к нему.
2. Как выровнять рисунок по правому краю окна браузера?
<Img src = "pr1.png" style = "text-align: right">
3. Как создать гиперссылку?
<a href="/9-klas/computer-science-9/"> Информатика </a>
Сылка на категорию - / 9-klas / computer-science-9 /.
Название силки - Информатика.
4. Как добавить к рисунку ссылка на другую вебсайт?
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;
}

---

---

Назад

Вперед

1 ... 19 20 21 22 23 24 25 26 27 ... 58

ГДЗ 9 клас Информатика 2017 Ранок Бондаренко Ластовецький Пилипчук Шестопалов Учебник