Roteiro para um programa (HTML)

1. Abra o VS Code

Tela inicial do VS Code

2. Escolha um arquivo / abrir pasta

Abrindo uma pasta no VS Code

3. Faça um arquivo base.html

Criando o arquivo base.html

4. Digite HTML e escolha HTML-5

Criando estrutura HTML 5

5. Mude "lang=en" para "pt-BR"

Alterando o idioma do HTML

6. Mude o título do programa para sua escolha

Alterando o título da página

7. Abra o Bootstrap e clique em "Read the Docs"

Página do Bootstrap Documentação do Bootstrap

8. Pegue o link do Bootstrap "link href"

Link do Bootstrap

9. Use Alt + Shift + F para organizar o código

Organizando o código Código organizado

10. Criar o comando "container"

Criando um container

11. Criar o "h1" com a descrição do programa

Criando título com h1

12. Criar o input. Atenção: todo input precisa de um id

Criando um input

13. Criar comentário - Control + ;

Criando comentário no código

14. Vá para o Bootstrap e pegue o corpo de escrita "label"

Exemplo de label do Bootstrap

15. Incluir o resultado (h2) com id="resultado"

Criando o resultado

16. Inserir o comando script para o arquivo base.js

Adicionando o arquivo JavaScript
Voltar Java Script