Ouvrir une nouvelle fenêtre en html

Fermé
petitJeuHtml - 26 déc. 2022 à 11:36
patricia@84 Messages postés 106 Date d'inscription vendredi 27 novembre 2015 Statut Membre Dernière intervention 24 septembre 2023 - 26 déc. 2022 à 12:57

bonjour, je créer un petit jeu en html5, j'aimerais que quand je clique sur le bouton, une nouvelle page s'ouvre.

voici mon code :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=width, initial-scale=1.0">
    <title>petit jeu</title>
</head>
<body>
    <h1>jouer à <mark class="title">petit jeu</mark></h1>
<a href="petitjeu.html"><button class="start">jouer</button></a>
</body>
</html>
<!--css-->
<style>
    body{
        background: #333;
    }
    .title{
        color: #00ff9d;
        text-decoration: #00ffff underline;
        background: none;
        animation: anim 3s infinite;
    }
    h1{
        font-size: 50px;
        text-align: center;
        text-decoration: underline;
        color: #ffffff;
    }
    @keyframes anim {
        0%{
            font-size: 50px;
        }
        50%{
            font-size: 45px;
        }
        100%{
            font-size: 50px;
        }
    }
    .start{
        height: 115px;
        font-size: 85px;
        background: linear-gradient(45deg,cyan,magenta);
        box-shadow: 10px 10px 15px cyan, 15px 15px 30px magenta;
        transform: translate(500px,250px);
        width: 350px;
        border: 1px solid #000000;
        border-radius: 10px 0px 10px 0px;
        cursor: pointer;
    }
</style>

merci d'avance

A voir également:

2 réponses

jordane45 Messages postés 38047 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 mars 2024 4 619
26 déc. 2022 à 12:22

Bonjour

Et quel est le souci ?


0
patricia@84 Messages postés 106 Date d'inscription vendredi 27 novembre 2015 Statut Membre Dernière intervention 24 septembre 2023 9
26 déc. 2022 à 12:57

Bonjour,

Avec un target="_blank" :

<a href="petitjeu.html" target="_blank"><button class="start">jouer</button></a>

Cordialement,

Patricia

0