Лабораторна робота №1

Основи створення сайтів HTML та CSS.

Створення простої сторінки.

Навчитися:

створювати сторінку, додавати зображення на неї, змінювати розмір зображення, додавати фон на сторінку, додавати текст, змінювати розмір та шрифт тексту, його положення, змінювати форму зображення, робити контур зображення та змінювати його товщину та колір, зробити кнопки для вводу та відправки пошти, змінити колір кнопки, розмір тексту та фон, змінювати відступи від края сторінки до зображення.

Приклад коду:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Про кота</title>

<style type="text/css">

body {

text-align: center;

background: url(img/bck.jpg);

background-size: cover;

color: white;

font-family: helvetica;

}

img {

width: 200px;

border-radius: 100px;

border: 5px solid floralwhite;

margin-top: 50px;

}

p {

font-size: 22px;

}

input {

border: 0;

padding: 10px;

font-size: 18px;

}

input[type="submit"] {

background: green;

color: white;

}

</style>

</head>

<body>

<img src="img/cat1.png" alt="Зображення кота">

<p>Привіт! Я кіт сфінкс. В мене немає шерсті.</p>

<input type="email" name="" placeholder="Твоя пошта">

<input type="submit" name="">

</body>

</html>