31 lines
862 B
HTML
31 lines
862 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Teste de Imagem</title>
|
||
|
|
<style>
|
||
|
|
body { margin: 0; padding: 20px; }
|
||
|
|
img { max-width: 100%; border: 2px solid red; }
|
||
|
|
.bg-test {
|
||
|
|
width: 100%;
|
||
|
|
height: 400px;
|
||
|
|
background-image: url('/pdimaker-background.jpg');
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center;
|
||
|
|
border: 2px solid blue;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Teste de Carregamento da Imagem</h1>
|
||
|
|
<h2>Método 1: Tag IMG</h2>
|
||
|
|
<img src="/pdimaker-background.jpg" alt="Background" />
|
||
|
|
|
||
|
|
<h2>Método 2: Background CSS</h2>
|
||
|
|
<div class="bg-test"></div>
|
||
|
|
|
||
|
|
<h2>Informações:</h2>
|
||
|
|
<p>URL da imagem: <a href="/pdimaker-background.jpg" target="_blank">/pdimaker-background.jpg</a></p>
|
||
|
|
</body>
|
||
|
|
</html>
|