Vou começar uma série de tutoriais pra criar um site simples pro seu jogo!
AUTORIA MINHA - Renanr_Script
Vamos começar com a estrutura básica HTML. No bloco de notas, adicione:
Ok, abra-o de novo.
Vamos editá-lo um pouco.
Primeiro, vamos definir um plano de fundo. No meu caso, vou escolher uma imagem. Terei que pegar uma imagem, e colocar ela dentro da pasta onde está o arquivo que salvamos, o index.html. Pra ficar mais organizado, criei uma pasta Imagens, e lá coloquei a imagem de fundo, seu nome era bg.png
Ok, agora nós temos que editar a linha da tag body, ficará assim:
https://i.imgur.com/Jo5PvUl.png
Vamos prosseguir adicionando uma banner ao topo do site.
Iremos adicionar outra imagem na pasta Imagens, eu a nomeei banner (.gif)
Ok, agora entre as tags de body ( corpo do site ) adicionaremos o código:
Logo, vou apagar esse código que botei agora. Vou substituí-lo por:
Resultado até agora:
https://i.imgur.com/HKuJkLl.png
CONTINUA...
AUTORIA MINHA - Renanr_Script
Vamos começar com a estrutura básica HTML. No bloco de notas, adicione:
- Código:
<html>
<head><title>Meu Jogo</title>
</head>
<body>
</body>
</html>
Ok, abra-o de novo.
Vamos editá-lo um pouco.
Primeiro, vamos definir um plano de fundo. No meu caso, vou escolher uma imagem. Terei que pegar uma imagem, e colocar ela dentro da pasta onde está o arquivo que salvamos, o index.html. Pra ficar mais organizado, criei uma pasta Imagens, e lá coloquei a imagem de fundo, seu nome era bg.png
Ok, agora nós temos que editar a linha da tag body, ficará assim:
- Código:
<html>
<head><title>Meu Jogo</title>
</head>
<body background="Imagens\bg.png">
</body>
</html>
https://i.imgur.com/Jo5PvUl.png
Vamos prosseguir adicionando uma banner ao topo do site.
Iremos adicionar outra imagem na pasta Imagens, eu a nomeei banner (.gif)
Ok, agora entre as tags de body ( corpo do site ) adicionaremos o código:
- Código:
<img src="Imagens\banner.gif">
Logo, vou apagar esse código que botei agora. Vou substituí-lo por:
- Código:
<span style="margin-left: 285px;">
<img src="Imagens/banner.gif" style="margin-top: 50px;">
</span>
Resultado até agora:
https://i.imgur.com/HKuJkLl.png
CONTINUA...