Садржај
WP-1 WordPress - основе
Готова решења за веб дизајн
Основне компоненте система WordPress
CMS системи и WordPress - питања
WP-2 Креирање садржаја у систему WordPress
Креирање садржаја
Креирање садржаја - питања
Креирање садржаја - задаци
WP-3 Теме и додаци
Теме и додаци
Теме и додаци - питања
Теме и додаци - задаци
HTML-1 HTML документи
Приказивање HTML документа
Елементи HTML документа
Елементи HTML документа - задаци
HTML-2 Форматирање текста
Форматирање текста
Форматирање текста - питања
Форматирање текста - задаци
HTML-3 Листе и табеле
Листе
Листе - питања
Листе - задаци
Табеле
Табеле - питања
Табеле - задаци
HTML-4 Повезивање докумената
Повезивање докумената
Повезивање докумената - питања
Повезивање докумената - задаци
HTML-5 Мултимедијални садржаји
Мултимедијални садржаји
Мултимедијални садржаји - питања
Мултимедијални садржаји - задаци
CSS-1 CSS стилови
CSS стилови
CSS стилови - вежбе
CSS-2 CSS својства
CSS својства
CSS својства - питања
CSS својства - задаци
CSS-3 CSS селектори
CSS селектори
CSS селектори - питања
CSS селектори - задаци
CSS-4 Распоред елемената
Распоред елемената
Распоред елемената - питања
Распоред елемената - задаци
B-1 Bootstrap библиотека
Bootstrap библиотека
Bootstrap библиотека - питања
B-2 Bootstrap класе
Bootstrap класе
Bootstrap класе - питања
Bootstrap класе - задаци
B-3 Bootstrap подршка компонентама
Bootstrap подршка компонентама
Bootstrap компоненте - питања
Bootstrap компоненте - задаци
B-4 Bootstrap и распоређивање елемената
Bootstrap и распоређивање елемената
Bootstrap и распоређивање елемената - питања
Bootstrap и распоређивање елемената - задаци

Распоред елемената - задаци

Задатак 2.4.1

Копирајте HTML кôд који је дат испод слике у фајл на свом рачунару. Дефинишите потребне класе за HTML елементе и напишите дефиниције стила, тако да се добије распоред што приближнији овом на слици.

https://petljamediastorage.blob.core.windows.net/root/Media/Default/Kursevi/OnlineNastava/kurs-treci-gim-drustveni/raspored_test5_pitanje.png
<!DOCTYPE html>
<html>
  <head>
    <style>
    </style>
    <title>Veb</title>
  </head>
  <body>
        <div>
            <heading>ЛОГО</heading>
          <nav>
            <p>Линк 1</p>
            <p>Линк 2</p>
            <p>Линк 3</p>
            <p>Линк 4</p>
          </nav>
        </div>
        <div>
            <nav>
              <a>Мени 1</a>
              <a>Мени 2</a>
              <a>Мени 3</a>
              <a>Мени 4</a>
            </nav>
            <div>ГЛАВНИ НАСЛОВ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ</div>
            <div>
                <article>Леви чланак 1 текст текст текст текст текст текст </article>
                <article>Леви чланак 2 текст текст текст текст текст текст </article>
                <article>Леви чланак 3 текст текст текст текст текст текст </article>
            </div>
            <div>
                <article>Десни чланак 1 текст текст текст </article>
                <article>Десни чланак 2 текст текст текст </article>
                <article>Десни чланак 3 текст текст текст </article>
                <article>Десни чланак 4 текст текст текст </article>
                <article>Десни чланак 5 текст текст текст </article>
            </div>
        </div>
  </body>
</html>

Претходна лекција
Следећа лекција
A- A+

Prijavi problem


Obeleži sve kategorije koje odgovaraju problemu

Još detalja - opišite nam problem


Uspešno ste prijavili problem!
Status problema i sve dodatne informacije možete pratiti klikom na link.
Nažalost nismo trenutno u mogućnosti da obradimo vaš zahtev.
Molimo vas da pokušate kasnije.