As instruções abaixo iniciam você ao mundo da programação web, mostrando como é estruturado um documento Html e como funciona a utilização de Javascript para manipular o documento dinamicamente. Esta categoria do site é multiplataforma apesar de nossa apresentação ser para Linux.
Html Básico
A declaração <DOCTYPE> deve ser a primeira coisa em seu documento HTML, antes da tag <html>. O <! DOCTYPE> não é uma tag HTML, é uma instrução para o navegador da web sobre qual é a versão do HTML da página.
A tag <h1> à <h6> significa header ou titulo, é usada para destacar um titulo em uma pagina HTML.
A tag <p> cria um paragrafo, tornando possível nomear o paragrafo e designar suas propriedades.
A tag <br> insere uma linha em branco, em HTML a tag <br> não precisa ser encerrada com a </br>, porem em XHTML o fechamento é necessário.
A tag <pre> define um texto pré-formatado. O texto em um elemento <pre> é exibido em uma fonte de largura fixa, e preserva os espaços e quebras de linha.
A tag <script> é usada para definir um script do lado do cliente, como um JavaScript. O elemento <script> ou contém declarações de script, ou ele aponta para um arquivo de script externo através do atributo src. Os usos comuns para JavaScript são de manipulação de imagem, validação de formulário, e as mudanças dinâmicas do conteúdo.
JavaScript
Ponto e vírgula separa instruções JavaScript. Normalmente você adicionar um ponto e vírgula no final de cada instrução executável. Usando ponto e vírgula também torna possível escrever muitas declarações em única uma linha.
Document
O objeto document nos dá acesso a muitos elementos encontrados na página HTML, inclusive à própria página.
Var
O comando var declara uma variável em javascript.
Write e Writeln
Write é uma instrução básica do javascript para imprimir um texto no documento e Writeln imprime o texto e efetua uma quebra de linha.
Exemplo:
Neste exemplo criamos uma pagina básica usando html e javascript. para escrever textos armazenados dentro de variáveis javascript. A figura abaixo ilustra o resultado do script deste exemplo:
Website básico
Html / JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Desenvolvimento Aberto</title>
</head>
<body>
<h1> h1 - Desenvolvimento Aberto</h1>
<h2> h2 - Desenvolvimento Aberto</h2>
<h3> h3 - Desenvolvimento Aberto</h3>
<h4> h4 - Desenvolvimento Aberto</h4>
<h5> h5 - Desenvolvimento Aberto</h5>
<h6> h6 - Desenvolvimento Aberto</h6>
<br>
<p>Este texto foi escrito em um paragrado HTML</p>
<br>
<pre>
<script>
var texto = "Este texto foi escrito em JavaScript\n";
var numero = 10;
var decimal = 25.5;
var linha = "\n";
document.write(texto + linha);
document.write("numero: " + numero.toString() + linha);
document.write("decimal: " + decimal.toString() + linha);
</script>
</pre>
</body>
</html>
Ricardo Mantovani
Desenvolvimento Código Aberto 