ШКОЛЬНИК И HTML 2.
Привет, а вот и я. Поделюсь своими первыми успехами. С помощью видео - урока я познакомился с различными тегами. Я сделал две странички, одна про рецепт бананового печенья, а вторая про стих о Шалтае - Болтае.
У меня возникли некоторые трудности с добавлением картинки на страницу, тобишь с помощью тега <img>, но, с помощью дополнительных интернет ресурсов я разобрался как правильно вставлять и редактировать картинку на сайте. К посту я прикладываю два скриншота с сайтов и исходные коды к каждому из них.
Спасибо за чтение, увидимся завтра.
P.S. Мне не понравилось что на страничке с стихом про Шалтая - Болтая много свободного места, но я не знаю как его чем то закрывать.
Исходный код для страничке о стихе про Шалтая - Болтая.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>шалтай-болтай для пикабу</title>
</head>
<body style="background-color: #FDD9B5">
<h1>ШАЛТАЙ-БОЛТАЙ.</h1>
<img src="photo/egg.jpg" width="400" height="300">
<p>Стих про <b>Шалтая-Болтая.</b><br>
<big>Шалтай-Болтай</big><br>
<em>Сидел</em> на стене.<br>
<small>Шалтай-Болтай</small><br>
<em>Свалился</em> во сне.</p>
</body>
</html>
Исходный код к страничке о рецепте бананового печенья.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>рецепт печенья для пикабу</title>
</head>
<body style= "background-color: #7366BD">
<h1>Быстрый рецепт домашнего печенья</h1>
<img src="photo/bananlol.jpg" alt="">
<p>Что делать если захотелось сладенького к чаю, в этом нам
поможет быстрый рецепт домашнего печенья.</p>
<p>Ингредиенты:</p>
<ul>
<li>2 больших старых банана</li>
<li>стакан геркулеса</li>
<li>орехи</li>
<li>изюм</li>
<li>шоколад</li>
</li>корица (по желанию)</li>
</ul>
<hr>
<h3>Приготовление домашнего печенья</h3>
<img src="photo/banan.jpg" alt="banan">
<p>Для начала нужно хорошенько размять подготовленные и очищенные
бананы с овсянкой, а после чего премешать.</p>
<p>Готовить при температуре 350 <sup>0</sup>C, предварительно смазав
лист для выпечки маслом, 15 минут.</p>
</body>
</html>
А вот и скриншоты страничек:
