HTML Logo & Link Ekleme +R10

27-06-2020, 21:12:22

Arkadaşlar Merhabalar,
Aşağıda ki kodlarda logoyazısı yerine görsel logo ve giriş yap butonuna da link eklemesi yapamadım

Bu konuda acemiyim. Yardımcı olur musunuz? Şimdiden teşekkür ederim

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Sayfa</title>    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet">    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">    <style>        body {            background-color: #3e1051;            font-family: 'Krona One', sans-serif;            overflow: hidden;        }        h1 {            font-family: 'Krona One', sans-serif;            color: white;            font-size: 3.5rem;            text-align: center;        }        button {            color: white !important;            font-family: 'Krona One', sans-serif !important;        }    </style></head><body>    <div style="top:25%;left: 40%;">        <div class="row">            <div class="col-sm-12">                <div style="margin-top: 200px;" class="text-center">                    <h1>LOGO</h1>                    <button class="btn btn-warning" style="margin-top: 250px;"> Giriş Yap</button>                </div>            </div>        </div>    </div></body></html>

27-06-2020, 21:20:14

#2

hepumut

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8"><title>Sayfa</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <style> body { background-color: #3e1051; font-family: 'Krona One', sans-serif; overflow: hidden; } h1 { font-family: 'Krona One', sans-serif; color: white; font-size: 3.5rem; text-align: center; } button { color: white !important; font-family: 'Krona One', sans-serif !important; } </style></head> <body><div style="top:25%;left: 40%;">     <div class="row">    <div class="col-sm-12">     <div style="margin-top: 200px;" class="text-center">     <h1><img src="logo.png" /></h1>     <a href="giris.html"><button class="btn btn-warning" style="margin-top: 250px;"> Giriş Yap</button></a>     </div>    </div>    </div>    </div></body></html>

logo.png ve giris.html yi değiştirirsin

27-06-2020, 21:21:09

#3

AhmetZekiTasgar

<h1>LOGO</h1> bölümünü sil
<a href="#"> <img src="#" style="width:22px;height:22px;"> </img> </a>

width ve heightler resim boyutu bu sekılde degistirebilirsin