Oque é HTML / CSS / JAVASCRIPT ?

ManiacoBR Ter maio 08, 2012 8:19 pm

Oque é HTML ? Pra que serve ?

HTML é uma linguagem de formatação que é INTERPRETADA pelo Browser.

Isto quer dizer que ela serve para criar uma formatação diferenciada de texto, utilizando tags. Assim, podemos criar parágrafos, cabeçalhos, títulos, formulários, enfim, tudo o que vemos numa página de internet.

O fato dela ser interpretada significa que o programa, o browser, vai lendo suas tags e "traduzindo" para a formatação. Por isto, há pequenas nuances entre como cada página é apresentada. Mais que isto, ele é capaz de exibir a página até que ocorra um erro. Uma página web pode conter diversos erros, já que ela não passa pelo processo de compilação.

A principal característica do HTML é de ser uma linguagem de hipertexto, isto é, as páginas podem ser ligadas uma a outra. Ou seja, você lê sobre algo, lá já há links contendo informações que podem aprofundar o mesmo tema, ou simplesmente, uma sequencia de páginas.

Quando a linguagem JAVA foi criada, percebeu-se que elementos escritos simplificadamente nessa linguagem de programação e misturados ao código HTML de páginas destinadas a Internet poderiam servir para acrescentar inúmeras funcionalidades às páginas sem, no entanto, seria necessária muita complexidade nos códigos. Assim, nascia o Javascript. Que na realidade nada mais são do que linhas de comando escritas de forma seqüencial que permitem a inserção desses efeitos em vários tipos de aplicações web. Dessa forma, o site ou a mensagem de correio eletrônico atingia um nível muito maior de interatividade com o destinatário ou o leitor.

Exemplos de HTML :

<HTML>
<HEAD>
<TITLE>HTML Básico</TITLE>
</HEAD>
<BODY>
<H1>Este é o primeiro nível de cabeçalho</H1>
Bem-vindo ao mundo do HTML.
Este é o primeiro parágrafo.<P>
E este é o segundo.<P>
</BODY>
</HTML>

Se quiser testar, abra o bloco de notas copie isso, cole la salve com a extenção .html no final , exemplo : Deface.html

Oque é CSS ? Pra que serve ?

CSS é a abreviatura para Cascading Style Sheets. — Folha de Estilos em Cascata

CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais.

Exemplo de CSS :

01.p {
font-size: 12px; /* ponto-e-vírgula é facultativo */
}

body {
color: #000;
background: #fff;
font-weight: bold; /*ponto-e-vírgula é facultativo */
}

Oque é JAVASCRIPT ? Pra que serve ?

É uma linguagem interpretada, que pode ser usada junto com o HTML e permite inserir vários efeitos, permitindo que o site (ou uma mensagem de correio eletrônico) fique mais dinâmico, e uma maior interação com o leitor.

O código JavaScript, deve ser colocado, no código fonte, junto com os comandos da linguagem HTML.

Quando se acessa um "site" alguns exemplos de scripts são: aparecimento da data / horário atual, saudações como "bom dia", "boa tarde" ou "boa noite", efeitos onde uma imagem muda quando se passa o mouse sobre ela.

Com Javascript podemos criar efeitos especiais nas páginas e definir interatividades com o usuário. O navegador do cliente é o encarregado de interpretar as instruções Javascript e executá-las para realizar estes efeitos e interatividades, de modo que o maior recurso, e talvez o único, com que conta esta linguagem é o próprio navegador.

Exemplo JavaScript :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Título editável com JavaScript</title>
<style type="text/css">
h1 {
font:normal 2.4em/1.6 georgia, "times new roman", "bitstream vera serif", times, serif;
color:#900;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<h1>Edite este título</h1>
</body>
</html>

Pode testar esse no bloco de notas também .

Ajudei ? Gostou ? Agradeça !