Websites – Html Básico – Document, Var, Write e Writeln – Javascript – Linux

Publicado: 24 de março de 2014 em JavaScript

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:

javascript001

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>
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

w

Conectando a %s