Códigos HTML CSS e JAVA SCRIPT

Prévia do material em texto

1. HTML (HyperText Markup Language)
HTML é usado para estruturar o conteúdo da página web. Aqui estão os principais comandos:
· : Define o início de um documento HTML.
· : Contém metadados, como título da página, links para CSS, scripts.
· : Define o título da página (o que aparece na aba do navegador).
· : Contém o conteúdo visível da página.
· ... : Títulos (heading), sendo o mais importante e o menos.
· : Parágrafos.
· : Links para outras páginas ou seções.
· : Imagem.
· : Usado para agrupar elementos e aplicar estilos com CSS.
· : Semelhante ao , mas usado para texto em linha.
· : Lista não ordenada (bullet points).
· : Lista ordenada (numerada).
· : Itens de lista.
· : Cria um formulário para entrada de dados.
· : Entrada de dados, como texto, botões.
· : Botão clicável.
2. CSS (Cascading Style Sheets)
CSS é utilizado para estilizar páginas HTML. Aqui estão alguns comandos comuns:
· color: Define a cor do texto.
· Exemplo: color: red;
· background-color: Cor de fundo.
· Exemplo: background-color: blue;
· font-size: Tamanho da fonte.
· Exemplo: font-size: 20px;
· margin: Espaçamento externo.
· Exemplo: margin: 10px;
· padding: Espaçamento interno.
· Exemplo: padding: 10px;
· border: Define uma borda.
· Exemplo: border: 1px solid black;
· width / height: Largura/altura do elemento.
· Exemplo: width: 100px;
· text-align: Alinhamento do texto.
· Exemplo: text-align: center;
· display: Controla como os elementos são exibidos.
· Exemplo: display: block; ou display: inline;
3. JavaScript (JS)
JavaScript é a linguagem de programação usada para adicionar interatividade às páginas. Aqui estão alguns dos principais comandos:
· console.log(): Exibe mensagens no console (geralmente usado para debug).
· Exemplo: console.log("Hello World");
· document.getElementById(): Seleciona um elemento HTML pelo ID.
· Exemplo: document.getElementById("myElement");
· addEventListener(): Adiciona um evento a um elemento (como um clique em um botão).
· Exemplo: button.addEventListener("click", function);
· function: Define uma função.
· Exemplo: function myFunction() { /* código aqui */ }
· if / else: Estrutura condicional.
· Exemplo:
javascript
Copiar código
if (x > 10) {
 console.log("Maior que 10");
} else {
 console.log("Menor ou igual a 10");
}
· for: Laço de repetição.
· Exemplo:
javascript
Copiar código
for (let i = 0; i