O script html, ao ser carregado pelos navegadores da web, é interpretado, instanciando, na memória do computador, os objetos-html dos elementos do script.
Após carregar os objetos do script na memória, o navegador aplica os estilos, das folhas de estilo carregadas também como objetos-css, dando aos objetos-html suas características de conteúdo e apresentação.
Após estes processos o código javascript da página, carregado junto com o html, é interpretado e executado.
Html Básico
Os elementos do html são as declarações de tags (etiquetas) e atributos que são interpretados e carregados como objetos na memória, pelo navegador, ao acessar a página para carregamento.
Os elementos mais primitivos do html são <html>, <head> e <body> e os objetos correspondentes podem ser referidos pelo JavaScript como html, head e body, sendo objetos globais e tornando-se palavras-chave do javascript.
Os tags <html></html> estabelecem e delimitam a página.
Os tags <head></head> e <body></body> são internos a <html></html> e definem o cabeçalho o corpo da página, respectivamente.
<html>
<head></head>
<body></body>
</html>
Os elementos do html podem conter outros elementos. Por exemplo, <body> pode conter <div> e <div> pode conter outros <div>.
<html>
<head></head>
<body>
<div></div>
<div>
<div>
</div>
</div>
</body>
</html>
Os tags podem declarar atributos como id, identificador do objeto, class, a sua classe, e style, o estilo.
<html>
<head></head>
<body>
<div id="meuDiv"
class="minhaClasse"
style="background-color: white">
</div>
</body>
</html>
As folhas de estilo podem ser declaradas no próprio corpo do script-html com <style>, ou carregadas a partir de um arquivo externo com terminação .css (não obrigatoriamente) com <link>.
<html>
<head>
<title>Meu Título</title>
</head>
<body>
<div id="meuDiv"
class="minhaClasse"
style="background-color: white">
</div>
<link rel="stylesheet" href="/meu-estilo.css">
<style>
.minhaClasse {
font-family: Verdana, Arial, Times New Roman;
font-size: 0.8em;
}
<style>
</body>
</html>
Existem diversos tags de scripts-html e de estilos.
Neste curso focaremos no javascript e na criação de programas de uso geral, inclusive acessando e manipulando os objetos-html instanciados do script pelo navegador.
