середу, 3 жовтня 2018 р.

Робота з зображенням

Блок для картинки + підпис до неї

<figure class="">
  <img src="1.jpg" alt="бла">
  <figcaption>Картинка 1: бла-бла-бла</figcaption>
  </figure>

Картинки тут

html-код

<!doctype html>
 <html>
 <head>
  <title>Картинки</title>
  <link rel="stylesheet" href="imeg.css">
 </head>
 <body>
  <div class="">
  <h1>Фотогалерея "Веселі овочі"</h1>
  <p class="text1"> Цікаві та кумедні факти про овочі </p>
  <div class="gallery">
  <figure >
  <img src="1.jpg" alt="Томат">
  <figcaption>Картинка 1: На Русі помідори довго називали «скаженими ягодами»</figcaption>
  </figure>
<figure ">
  <img src="2.jpg" alt="Цвітна капуста">
  <figcaption>Картинка 2: Цвітну капусту Марк Твен називав капустою, яка закінчила коледж</figcaption>
  </figure>
<figure c>
  <img  src="3.jpg" alt="Картопля">
  <figcaption>Картинка 3: У XVIII столітті в Росії при дворі це блюдо подавалося як десерт</figcaption>
  </figure>
<figure >
  <img src="4.jpg" alt="Горошок">
  <figcaption>Картинка 4: Горошок був першим овочем, закритим у консервну банку</figcaption>
  </figure>
  <figure>
  <img src="5.jpg" alt="Морква">
  <figcaption>Картинка 5: Морква з 1991 р. в Європі вважається фруктом</figcaption>
  </figure>
  </div>

<p class="text2">Веселі факти про овочі </p>
 </div>
 </body>
</html>

Немає коментарів:

Дописати коментар