Introdução ao HTML
HTML, ou Hyper Text Markup Language, é a linguagem de marcação padrão para criar páginas e aplicações web. Juntamente com CSS e JavaScript, HTML é uma tecnologia essencial usada pelos desenvolvedores web. HTML fornece a estrutura de uma página web, CSS o estilo visual e JavaScript a interatividade.
Estrutura básica do HTML
Um documento HTML é composto por dois elementos principais: o 'head' e o 'body'. O 'head' contém informações sobre o documento, incluindo o título que aparece na barra de título do navegador e os links para arquivos CSS e JavaScript. O 'body' contém o conteúdo real da página, como texto, imagens, vídeos, links, listas, tabelas e formulários.
Aqui está a estrutura básica de um documento HTML:
<!DOCTYPE html> <html> <head> <title>Título da página</title> </head> <body> Conteúdo da página </body> </html>
Tags e Atributos do HTML
Tags HTML são usadas para criar elementos HTML. Uma tag é composta por um nome de tag (como 'p' para parágrafo, 'h1' para título de primeiro nível, 'img' para imagem), cercado por colchetes. A maioria das tags tem uma tag de abertura e uma tag de fechamento, com o conteúdo do elemento entre elas.
Aqui está um exemplo de um elemento de parágrafo:
<p>Este é um parágrafo.</p>
Atributos HTML são usados para fornecer informações adicionais sobre um elemento. Eles são colocados na tag de abertura do elemento e são compostos por um nome de atributo e um valor de atributo. O valor do atributo está sempre entre aspas.
Aqui está um exemplo de um elemento de imagem com atributos 'src' (que especifica o URL da imagem) e 'alt' (que fornece um texto alternativo para a imagem):
<img src="imagem.jpg" alt="Uma bela imagem">
Eventos em JavaScript
JavaScript é uma linguagem de programação que permite adicionar interatividade a uma página web. Uma maneira de fazer isso é usando eventos JavaScript.
Um evento é algo que acontece no navegador, como um clique do mouse, um pressionamento de tecla, o carregamento de uma página ou um intervalo de tempo que passou. JavaScript pode responder a esses eventos e executar um código quando eles ocorrem.
Para fazer JavaScript responder a um evento, primeiro você precisa identificar o elemento HTML que você deseja que o evento ocorra (como um botão), e então você precisa especificar o evento que você deseja que JavaScript responda (como um clique do mouse). Isso é feito usando um manipulador de eventos.
Aqui está um exemplo de como fazer JavaScript responder a um clique do mouse em um botão:
<button onclick="alert('Você clicou no botão!')">Clique em mim!</button>
Neste exemplo, o manipulador de eventos 'onclick' é usado para especificar que JavaScript deve responder a um clique do mouse. O código JavaScript a ser executado quando o evento ocorre é colocado entre aspas após o nome do evento. Neste caso, o código JavaScript simplesmente exibe uma caixa de alerta com a mensagem "Você clicou no botão!".
Eventos JavaScript são uma parte essencial da criação de páginas web interativas. Eles permitem que você crie páginas que respondem às ações do usuário e forneçam uma experiência de usuário mais dinâmica e envolvente.
