Tutorial HTML

HTML HOME Introdução HTML Editores de HTML HTML básico Elementos HTML Atributos HTML Títulos HTML Parágrafos HTML Estilos HTML Formatação HTML Cotações HTML Comentários HTML Cores HTML HTML CSS Links HTML Imagens HTML HTML Favicon Tabelas HTML Listas HTML Bloco HTML e Inline Classes HTML Código HTML Iframes HTML JavaScript HTML Caminhos de arquivo HTML Cabeçalho HTML Esquema HTML HTML Responsivo Código de computador HTML Semântica HTML Guia de estilo HTML Entidades HTML Símbolos HTML Emojis HTML Conjunto de caracteres HTML Codificação de URL HTML HTML vs. XHTML

Formulários HTML

Formulários HTML Atributos de formulário HTML Elementos de formulário HTML Tipos de entrada HTML Atributos de entrada HTML Atributos do formulário de entrada HTML

Gráficos HTML

Tela HTML HTML SVG

Mídia HTML

Mídia HTML Vídeo HTML Áudio HTML Plug-ins HTML HTML YouTube

APIs HTML

Geolocalização HTML Arrastar/Soltar HTML Armazenamento Web HTML Trabalhadores da Web HTML HTML SSE

Exemplos HTML

Exemplos HTML Questionário HTML Exercícios HTML Certificado HTML Resumo HTML Acessibilidade HTML

Referências HTML

Lista de tags HTML Atributos HTML Atributos Globais HTML Suporte ao navegador HTML Eventos HTML Cores HTML Tela HTML Áudio/vídeo HTML Tipos de documento HTML Conjuntos de caracteres HTML Codificação de URL HTML Códigos HTML Lang Mensagens HTTP Métodos HTTP PX to EM Converter Atalhos do teclado

JavaScript HTML


JavaScript torna as páginas HTML mais dinâmicas e interativas.


Exemplo

My First JavaScript


A tag HTML <script>

A tag HTML <script>é usada para definir um script do lado do cliente (JavaScript).

O <script>elemento contém instruções de script ou aponta para um arquivo de script externo por meio do srcatributo.

Os usos comuns para JavaScript são manipulação de imagem, validação de formulário e alterações dinâmicas de conteúdo.

Para selecionar um elemento HTML, o JavaScript geralmente usa o document.getElementById()método.

Este exemplo de JavaScript escreve "Hello JavaScript!" em um elemento HTML com id="demo":

Exemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Dica: Você pode aprender muito mais sobre JavaScript em nosso Tutorial de JavaScript .


Um gosto de JavaScript

Aqui estão alguns exemplos do que o JavaScript pode fazer:

Exemplo

JavaScript pode alterar o conteúdo:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Exemplo

JavaScript pode mudar estilos:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Exemplo

JavaScript pode alterar atributos:

document.getElementById("image").src = "picture.gif";


A tag HTML <noscript>

A tag HTML <noscript>define um conteúdo alternativo a ser exibido para usuários que desabilitaram scripts em seus navegadores ou têm um navegador que não suporta scripts:

Exemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Exercícios HTML

Teste-se com exercícios

Exercício:

Use JavaScript para alterar o conteúdo HTML do <p>elemento para "Hello World!".

<body>

<p id="demo">Olá.</p>

<script>
documento.("demo").innerHTML = "Hello World!";
</script>

</body>


Tags de script HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Para obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .