Manual Básico de HTML

Mídia do HTML

Manual de referência do HTML

HTML5 Manual Básico

HTML5 API

HTML5 Mídia

Reprodução de Vídeo HTML Valores de Cores HTML

Scripts HTML

JavaScript torna as páginas HTML mais dinâmicas e interativas; alguns efeitos especiais de página podem ser realizados com JavaScript.

Exemplo online

Inserir um trecho de script
Como inserir scripts em um documento HTML.

Usar a tag <noscript>.
Como lidar com navegadores que não suportam scripts ou scripts desativados.

Tag <script> do HTML

A tag <script> é usada para definir scripts client-side, como JavaScript.

O elemento <script> pode conter语句 ou pode apontar para um arquivo de script externo através da propriedade src.

JavaScript é mais frequentemente usado para operações de imagem, validação de formulários e atualização dinâmica de conteúdo.

O seguinte script será outputado para o navegador: "Olá Mundo!"

Exemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Manual básico (oldtoolbag.com)</title>　
</head>
<body>
<script>
document.write("Olá Mundo!")
</script>　
</body>
</html>

Teste e veja ‹/›

Tag <noscript> do HTML

O tag <noscript> fornece conteúdo alternativo quando os scripts não podem ser usados, por exemplo, quando os scripts estão desativados no navegador ou quando o navegador não suporta scripts client-side.

O elemento <noscript> pode conter todos os elementos que podem ser encontrados no elemento body de uma página HTML normal.

Apenas quando o navegador não suporta scripts ou quando os scripts estão desativados, o conteúdo do elemento <noscript> será exibido:

Exemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Manual básico (oldtoolbag.com)</title>　
</head>　
<body>
<script>
document.write("Olá Mundo!")
</script>
Desculpe, seu navegador não suporta JavaScript!/noscript>
<p>Os navegadores que não suportam JavaScript usarão o conteúdo (texto) definido no elemento <noscript> para substituir.</p>
　
</body>
</html>

Teste e veja ‹/›

Demonstração de efeito de script JavaScript

Exemplo de código JavaScript:

JavaScript pode escrever diretamente na saída HTML:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico (oldtoolbag.com)</title>
</head>
<body>
　　　　
<p>
JavaScript usa document.write para escrever diretamente na saída HTML:
</p>
<script>
document.write("<h1>Este é um H1Título/h1>
document.write("<p>Este é um parágrafo P.</p>
</script>
<p>
Você pode usar <strong>document.write</strong> apenas na saída HTML./strong>。
Se você usar isso após o carregamento do documento (por exemplo, em uma função), ele cobrirá todo o documento.
</p>
</body>
</html>

Teste e veja ‹/›

Resposta a eventos JavaScript:

Exemplo

<html>
<head>　
<meta charset="utf-8">　
<title>Manual básico (oldtoolbag.com)</title>　
</head>
<body>
<h1>Meu primeiro script JavaScript</h1>
<p id="demo">
JavaScript pode disparar eventos, como cliques em botões.</p>
<script>
function test_js()
{
　　　　document.getElementById("demo").innerHTML="Hello JavaScript (oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">Clique aqui</button>
</body>
</html>

Teste e veja ‹/›

JavaScript manipula estilos HTML:

Exemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Manual básico (oldtoolbag.com)</title>　
</head>
<body>
　　　　
<h1>Meu primeiro JavaScript</h1>
<p id="demo">
JavaScript pode mudar o estilo de elementos HTML (oldtoolbag.com)。
</p>
<script>
function test_js()
{
　　　　x=document.getElementById("demo")　//　Encontrar elemento
　　　　x.style.color="#ff3300";　　　　　　　　　　//　Mudar estilo
}
</script>
<button type="button" onclick="test_js()">Clique aqui</button>
　　　　
</body>
</html>

Teste e veja ‹/›

Etiqueta de script HTML

Tag	Descrição
<script>	Define scripts do cliente
<noscript>	Define o texto que é exibido em navegadores que não suportam scripts

Reprodução de Vídeo HTML Valores de Cores HTML