Д/З 1
Svitlana#1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>#1</title>
</head>
<body>
<h1>Хлопець засунув голову у дзьоб пелікана заради селфі</h1>
<p>Селфі-манія змушує людей робити неабиякі шокуючі вчинки.</p><br>
<p>Заради ефектної світлини, хлопчина будь-що вирішив засунути голову у дзьоб пелікана.</p><br>
<p>Після кількох невдалих спроб — птах все ж зробив те, чого прагнув дивакуватий юнак. Головне, не намагатися повторити подібний трюк із крокодилом.</p><br>
<p>ПОВЕСЕЛІТЬСЯ ЗА ПОСИЛАННЯМ <a href="https://goo.gl/yMGCq1">ТУТ</a></p>
</body>
</html>
#2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#2</title>
<style>
.circle{
padding: 0;
margin-left: 20px;
}
</style>
</head>
<body>
<ul>
<li>Я люблю CURSOR, бо:</li>
<li type="circle" class="circle">Це безкошлтовний курс</li>
<li type="circle" class="circle">Бо вони займаються психологією</li>
</ul>
<ul>
<li>Я не буду злитись на себе, якщо у мене щось не вийде, бо:</li>
<li type="circle" class="circle">Я знаю, зо шлях на гору йде через кам'янисту стежку</li>
<li type="circle" class="circle">Бо я люблю Олега Винника</li>
</ul>
</body>
</html>
#3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#3</title>
</head>
<body>
<form>
<p>Введіть свої дані і ми включимо Вам Олега Винника</p>
<p>Ім'я:<input type="text" size="40"></p>
<p>Вік:<input type="number" size="3"></p>
<p>Електронна пошта:<input type="email"></p>
<p>Facbook:<input type="hyperlink"></p>
<input type="submit" value="Надіслати">
</form>
</body>
</html>
#4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#4</title>
</head>
<body>
<p>
<form>
<fieldset>
<legend>Виберіть варіант</legend>
<p>Який розділ вивчає людську свідомість</p>
<ul>
<li><input type="radio" name="answer">Психоаналіз</li>
<li><input type="radio" name="answer">Біхевіоризм</li>
<li><input type="radio" name="answer">Когнітивна психологія</li>
<li><input type="radio" name="answer">Гуманістична психологія</li>
<li><input type="radio" name="answer">Гештальт психологія</li>
<li><input type="submit" value="Відповісти, і підтвердити те, що люблю О.Винника"></li>
</ul>
</fieldset>
</form>
</p>
</body>
</html>
#5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#5</title>
</head>
<body>
<p>Введіть число від 1 до 10:<input type="number" min="1" max="10"></p>
</body>
</html>
#6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#6</title>
<style>
body {
background: url(images/bg.jpg);
background-size: 100%;
}
h1{
text-align: center;
padding: 10px;
color: #003300;
}
li{
font-size: 24px;
font-weight: 700;
padding: 10px;
}
img{
margin: 30px;
}
</style>
</head>
<body>
<h1>Мотивація займатись програмуванням:</h1>
<ul>
<li>Це цікаво</li>
<li>Приносить задоволення</li>
<li>Завжди був інтерес до того, як працюють сайти, додатки та ін.</li>
<li>Гарні перспекиви</li>
<li>Є яскраві приклади кар'єрного зростання</li>
</ul>
<img src="images/1.jpg" alt="screen1">
<img src="images/2.jpg" alt="screen2">
</body>
</html>