Comandos para Web Designer



Comandos para se usar no HTML:



Iniciar a construir o site:

Para começar abra o VScode primeiro vá em arquivo/file clique em "novo arquivo de texto" ou aperte Ctrl + N, depois de aberto um novo arquivo clique em arquivo/file clique em "salvar" ou aperte Ctrl + S. Escolha o local e a pasta que irá trabalhar e não se esqueça de colocar .html no final do nome do arquivo. Ex: index.html.

Depois de salvo ele irá voltar para o VS e aí começarempos a trabalhar.

O Pirmeiro comando é só digitar html e selecionar qual o formato se for HTML:5 ele aparece
<!DOCTYPE html>
<html lang="en">
nesse lang="en" mude o en para pt-br


Como colocar o sinal de < e >:

Para poder colocar < é precisp digitar o & l t ; tudo junto para o > é só digitar & g t ; junto.

Quebra de linha:

Para poder quebrar a linha, dar um paragrafo ou pular a linha é só digitar o comando br.



Traço:

Para colocar um risco na tela é só colocar o comando hr.



Texto:

Para poder digitar se usa o comando h1-h2-h3-h4-h5-h6-p-pre. Os comandos com H te permite mudar o tamanho da fonte sendo a 1 a maior e a 6 a menoro comando com p é um paragrafo e pre é uma para poder predefinir um texto, da forma que for colcoar no VScode ele aparecerá no site.



Iserir Imagem

Para colocar imagem é só inserir o comando img e dentro das duas " ao lado de src insira o caminho da imagem caso ela esteja dentro de uma pasta EX: ./img/tema10/cachorro.jpg. Logo após ter inserido a imagem, depois da " coloque class ao clicar em enter aparecerá class="" e dentro das aspas insira img-fluid para que a imagem possa se adapatar a vários dispositivo.