Как закрепить кнопку в правом верхнем углу и как добавить к ней ссылку на мой другой файл

Рейтинг: 0Ответов: 1Опубликовано: 25.06.2023

У меня есть вопрос, как закрепить кнопку в правом верхнем с помощью html? Как сделать так, чтобы при нажатии на кнопку перекидывало на мой другой html-файл с формой регистрации?

Всё файлы хранятся на моём компьютере. Пишу код в "Блокноте".

форма Регистрации

Код главного экрана:

<html lang="ru">

<head>

<meta charset="UNF-8">

<title>Главная страница</title>>>

<style>

body {

background-color: red;

h1 {

background-color: white;

}

P

background-color: red;

}

</style>

</head>

<body>

<button>Войти</button>

<h1 align="center">Bicycle House</h1

> <p align="center">Дoбpo пожаловать!</p>

<р>Этот сайт предназначен для тех, кто занимается или интересуется велоспортом. Здесь можно узнать новости о мире велосипедистов и

велосипедов.</p>

</body>
</html>
html ссылка
Источник: Stack Overflow на русском

Ответы

▲ 0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .btn{
            position: fixed;
            text-decoration: none;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 10px;
            top: 10px;
            background-color: #000;
            padding: 5px;
            width: 100px;
        }
    </style>
</head>
<body>
    <a class="btn" href="путь до вашего фаила">Войти</a>
</body>
</html>