Хелпикс

Главная

Контакты

Случайная статья





Заполняем содержимое



Заполняем содержимое

В каждый блок статьи с классом element вставляем изображение, заголовок и текст статьи. Для нечетных изображений присваиваем класс odd, для четных изображений – класс even.

<div class="element">

<!-- Изображение -->

<img src="images/1.jpg" class="odd">

<!-- Заголовок -->

<h2>Lorem ipsum</h2>

<!-- Текст статьи -->

<p>Dolor sit amet…</p>

</div>

В шапку добавляем логотип и название сайта

<img src="images/logo.png" alt="logo" class="logo">

<h1>Агенство новостей</h1>

Заполняем меню

<div class="navigation">

<ul>

   <li><a href="#">Политика</a></li>

   <li><a href="#">Экономика</a></li>

   <li><a href="#">Спорт</a></li>

   <li><a href="#">Шоу-Бизнес</a></li>

   <li><a href="#">Здоровье</a></li>

</ul>

</div>

 

Добавляем информацию в подвал сайта:

 

<div class="footer">Агенство новостей News<br>г. Энск,<br>ул. Главная 1, оф. 1</div>


 

Открываем страницу в браузере. Все необходимые блоки есть на сайте, но их расположение не совпадает с макетом.



  

© helpiks.su При использовании или копировании материалов прямая ссылка на сайт обязательна.